HTML 5 est une grande évolution dans le monde des applications Internet et constitue sans aucun doute la nouvelle génération de sites web. Cette formation de 3 jours animée par un instructeur permet de comprendre les concepts et de développer un site avec HTML 5 en commençant par l’acquisition des compétences JavaScript puis à son utilisation dans le cadre de HTML 5.
Public et
pré-requis: Cette formation permet de découvrir et mettre en œuvre les mécanismes de cette nouvelle version, pour développer des pages Web évoluées et des applications interactives suivant les nouveaux standards.
Public: Les développeurs, analystes programmeurs, "anciennes technologies" ainsi que les chefs de projets.
Pré-requis : Avoir des connaissances minimum sur une version antérieure de HTML.
Module 1: Vue d’ensemble de HTML 5
Introduction et concepts de HTML 5
Construction d'une page HTML 5
Le DOM et le canvas
JavaScript et Canvas
Débogage avec console.log
Contexte 2D et état
L'objet Canvas de HTML 5
Module 2: Bases de Javascript pour HTML 5
Introduction à JavaScript
Syntaxe de JavaScript (variables, opérateurs, boucles)
Utilisation de fonctions
La programmation objet dans JavaScript
Accès à DOM avec Javascript
Utilisation de AJAX avec JavaScript
Atelier pratique : parcourir le DOM et manipuler les objets
Module 3: Dessin sur le canvas de HTML 5
Dessin de formes simples
Etat du canvas
Utilisation de chemins pour créer des lignes
Techniques de tracé avancées
Transformations
Remplissage d'objets avec des couleurs et des gradiants
Remplissage de surfaces avec des modèles
Module 4: Gestion des textes avec HTML 5
Affichage de textes simples
Gestion des polices
Textes avec des gradiants et des modèles
Hauteur, largeur, échelle
Module 5: Gestion des images
Bases sur la gestion des images
Animations avec des sprites
Transformation de rotation sur les images
Gestion du zoom
Manipulation des pixels
Copie d'un canvas vers un autre
Atelier pratique : Mise en page des éléments graphiques
Module 6: Animations
Bouncing
Mouvement circulaires et curvilignes
Gravité, élasticité et friction
Module 7: Vidéos avec HTML 5
Prise en charge des vidéos avec HTML 5
Conversion de formats vidéo
Implémentations simple de vidéos
Préchargement de vidéo en JavaScript
Vidéos et canvas
Module 8: Audio avec HTML 5
La balise audio
Formats audio
Propriétés, évènements et méthodes de la balise audio
Lecture de son sans balise audio
Atelier pratique : Animation et gestion de médias
Module 9: Géolocalisation
Capacité de Géolocalisation
Prise en charge par les navigateurs
Utilisation de l'API de géolocalisation
Module 10: Formulaires avec HTML 5
Vue d'ensemble des formulaires avec HTML 5
Construction de formulaires
Atelier pratique : prendre en charge les saisies et opérer des traitements