Developpement WEB
Détails :
Programmation HTML 5 et CSS 3
Durée :
3 Jours
Objectif :
Avec les nouvelles versions des standards de développement de site web, il vous est maintenant possible de développer des sites robustes, très ergonomiques et visuellement attractifs.

L'objectif de cette formation est triple. Premièrement, présenter les nouveautés HTML 5, en rapport à sa version précédente. Ensuite, présenter l'ensemble des evolutions de CSS 3 afin de réaliser des feuilles de styles modernes et adaptatives. Enfin, présenter toutes les nouvelles API Javascript ratachées à HTML 5. Parmis les principales : API Canvas, Web GL, IndexedDB, WebSocket, ...

La formation sera agrémentée de très nombreuses manipulations. 40% du temps sera affecté à la présentation des concepts et 60% aux travaux pratiques.
Prérequis :
Pour pouvoir suivre la formation, la connaissance du langage HTML 4.01 et de Javascript est requise. Plus de la moitié des manipulations se feront via du Javascript.
Public :
Développeur Web souhaitant appréhender les nouveautés des langages HTML 5 et CSS 3, ainsi des les nombreuses API Javascript proposées par ces nouveaux standards.
Autres Informations :
Devis :
Si vous souhaitez être contacté et obtenir plus d'informations sur cette formation veuillez remplir notre formulaire de mise en relation.
>
Cursus :
Programmation HTML 5 et CSS 3
    Introduction à l'utilisation de HTML 5 et CSS 3
    • Bref historique sur les technologies Web
      • Le rôle du W3C (World Wide Web Consortium)
      • HTML et XHTML
      • DOM (Document Object Model)
      • CSS (Cascading Stylesheet Language)
    • Diverses questions
      • Quand utiliser HTML 5
      • Que faire pour les navigateurs ne le supportant pas
      • Road map sur les principaux points de HTML 5
      • Y a-t-il des éléments dépréciés du HTML 4.01 ?

    Quelques premières nouveautés
    • Gestion de la sémantique
    • Tags de mise en page
      • Définition du DOCTYPE HTML 5
      • Les différents tags de mise en page
    • Mise en oeuvre de barre de menu
    • Indicateurs de progression
      • Utilisations de jauge
      • Barres de progression
    • Eléments multimédia
      • La gestion des flux audio
      • La gestion des vidéos
      • Les différents types de formats supportés
    • API d'édition et attribut contenteditable

    Gestion moderne des formulaires
    • Rappels sur la mise en oeuvre de formulaires HTML
    • Les nouveaux champs de saisie
      • Les différents champs de saisie de dates
      • Champ de saisie d'email
      • Autres champs de saisie (color, recherche, ...)
    • Gestion du focus
    • Validation des formulaires

    Applications de styles avec CSS 3
    • Bordures arrondies
    • Gestion de la transparence
    • Gestion des ombres portées
    • Transformations 2D et 3D
    • Utilisation de transition
    • Autres nouveautés

    Responsive design : adaptation mobiles / tablettes
    • Media-queries
    • Viewport

    Utilisation de Canvas HTML 5
    • Présentation du tag canvas
    • Contexte 2D
    • Couplage HTML/Javascript
    • Utilisation d'un contexte de tracé 2D
    • Différents types d'effets visuels
      • Ombres portées
      • Floutages

    Mise en oeuvre du Drag'n drop avec HTML 5
    • Définir les éléments draggable
      • L'objet event.dataTransfert
    • Les différents gestionnaires d'événements

    Autres API Javascript relative à HTML 5
    • Utilisation de la géolocalisation
    • Gestion du stockage local et contenu hors ligne
    • L'API IndexedDB
    • Les webworkers
    • AJAX nouvelle génération et l'API XMLHttpRequest 2
    • Les websockets
    • Gestion de l'historique du navigateur
    • La 3D avec WebGL