Formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

Durée : 3 jour(s)

Prix : 599 $ / participant.

Voir le plan de cours en PDF

Lieux: Montréal, Gatineau, ville de Québec et Ottawa
Paris: cours disponible en intra entreprise

Voir les avis clients

  • Programme et dates
    image_pdfimage_print

    Introduction

    Pourquoi HTML5 ?

    Format des balises

    Les normes HTML, CSS, XHTML, XML, HTML5

    Le W3C et les validateurs

    La logique d’encodage, ISO-8859-1, UTF-8,..

    Rappel sur les bases

    Type des balises

    syntaxe des règles de style

    Positionnement css(relatif, absolu, flaot, display)

    Atelier pratique : Créer un site XHTML/CSS

    Passage en HTML5

    Syntaxe, nouveau doctype et outils

    structure et sémantique

    Nouvelles balises HTML5

    Atelier pratique : Reconstruire notre site en HTML5/CSS3

    Balises multimédias

    inserer une image(Balises <figure>)

    insérer une vidéo(Balises <video>)

    insérer un son (Balises <audio>)

    Compatibilité navigateur

    Atelier pratique : Utiliser JavaScript pour contrôler les objets audio et video

    Autres Balises HTML5

    Select

    Table

    Menu

    Div et span

    Les formulaires

    Nouveaux types pour <input>

    Nouveaux attributs

    Nouveaux éléments <output>,

    Les validations de formulaire en HTML5v

    Atelier pratique : Réaliser un formulaire HTML5

    Les microformats Les microformats et microdonnées

    microformats : Les classes(hreview-aggregate, item, fn,average,count,,,,)

    microformats : L’attribut rel(search, help, nofollow,,,,)

    microformats : Le format hCalendar

    microformats : le format hCard

    microdonnées: Attributs itemid, itemref, itemscope, itemtype, itempropv

    Dessiner : Création dynamique d’images en JavaScript

    La balise Canvasv

    SVGv

    Tracer de formes(rectangle, cercle,,,,)

    Couleurs, remplissages, dégradés

    Atelier pratique : Améliorer la lecture de notre vidéo par une barre de progression

    Web Storage et sites hors ligne

    Stockage local et stockage de session

    Principes généraux de manipulation

    Syntaxe JSON

    manifest

    indexedDB : base de données locale

    Géolocalisation

    Vue d’ensemble

    Se positionner (latitude, longitude)

    savoir manipuler l’API

    API Google Map

    CSS3

    Vue d’ensemble

    Syntaxe, préfixes CSS3

    Coins arrondis

    Ombres portés

    Text-Shadow

    Box-shadow

    Dégradé linéaire

    font-face

    Sélecteur d’attribut

    Le positionnement en CSS3

    box-sizing

    multi-colonnes

    Modèle de boîte flexible (flexbox model)

    CSS3 :Transformations, transitions et animations

    Rotation,

    translation

    Animations

    Atelier pratique : Animer les différentes propriétés d’un élément

    Découvrir JavaScript

    Introduction à JavaScript

    Concepts de base du Javascript

    Notion d’événements

    Gestion dynamique des CSS

    Atelier pratique : Validation des champs de notre formulaire de contact

    Document Object Model

    Qu’est-ce que le DOM ?

    Concept de noeud

    Hiérarchisation des noeuds(Arbre DOM)

    Les proprités de rélation

    Les proprités d’état

    Les méthodes d’accès aux noeuds

    Firefox DOM Inspector

    modification du contenu HTML

    Modification du style des elements HTML

    Atelier pratique : Créer une galerie photo

    Faire du responsive design

    Principe

    Approches(Responsive degradation, Mobile first )

    Design: Static, Liquid, Adaptative, Responsive

    Medias queries CSS 3

    Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)

    Utiliser Bootstrap

    Présentation de Bootstrap

    Installation de Bootstrap

    Le système de grille pour positionnement

    Les layouts

    Le responsive Design

    Atelier pratique : créer une page avec Bootstrap

    Les composants Bootstrap

    Menus déroulants

    Barres de navigation

    Fil d’arianne

    Pagination

    Classes diverses

    Dates et lieux de la Formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

    Montréal

    04/12/2017au 06/12/2017

    Gatineau

    27/11/2017au 29/11/2017

    Québec

    04/12/2017au 06/12/2017

    Ottawa

    27/11/2017au 29/11/2017
    11/12/2017au 13/12/2017

    Souhaitez-vous planifier votre formation en 2018? Contactez-nous pour obtenir les dates !

    Cette offre est valabe à partir du 01/01/2017.

  • Avantages

    Avantages DOUSSOU FORMATION

    • - Un support de cours pour chaque participant
    • - Formateurs agréés et reconnus par la Commission des partenaires du marché du travail
    • - Formation par petit groupe(de 1 à 5 participants)
    • - Soutien du formateur après la formation
    avantages

    NB: Cette formation sera assurée par un formateur expert agrée par Emploi-Québec

  • Détails

    Objectifs:

    • Maîtriser HTML5/CSS3
    • Mettre en œuvre les techniques de conception de sites web adaptatifs

    Pré-requis: Bonnes connaissances en (X)HTML et CSS

    Public: Tous





  • M. Bourassa – Technicienne en gestion de données - Bas-Saint-Laurent
    Doussou formation nous a offert une excellente formation Oracle/SQL adaptée à notre environnement de travail et à nos besoins. Nous sommes très satisfaits des acquis obtenus après trois jours de formation et avons beaucoup apprécié l’adaptabilité de la formation.
    *****
  • Camil Laurence – Développeur PHP – Montréal, participant à une formation PHP Symfony et Zend Framework
    Le formateur est un excellent pédagogue. Il possède parfaitement sa matière. Sa formation est adaptée aux participants et en liaison avec les besoins du marché. L’atmosphère en classe est détendue et conviviale. Un « must » pour rester à jour en nouvelles technologies de développement Web.
    *****