Formation HTML5

Mise en oeuvre de HTML5

Cette formation de deux journées s'adresse aux développeurs web et webdesigners désirant maîtriser la nouvelle norme du langage HTML pour le web.

Objectif

À la fin de la formation, vous savez exploiter les principales nouveautés de HTML5, tout cela dans le respect des standards de conception et des bonnes pratiques.

Pré-requis : Connaître les bases de HTML (par exemple 4.x ou XHTML 1.x), savoir se servir d'un éditeur de texte, avoir quelques notions de JavaScript ou d'un autre langage de programmation.

Programme de la première journée

Introduction
- Historique
- Fondements de l'évolution
- Syntaxe, nouveau doctype et outils
- La question des navigateurs
Nouveaux éléments et attributs
- Sections (<header>, <footer>, <nav>, <aside>...)
- Balises <time>, <mark>, <figure>, <figcaption>
- Balises <menu>, <command>, <details>, <summary>
- Nouveaux attributs globaux
Web Forms ou les formulaires évolués
- Nouveaux types pour <input> (url, email, number, range, week, date, datetime, ...)
- Nouveaux attributs (placeholder, autofocus, min, max, step, required, ...)
- Styles CSS applicables pour la validation
- Nouveaux éléments <output>, <progress>, <meter>, <datalist>...
Microdata
- Balisage sémantique du contenu
- Optimisation pour les moteurs d'indexation
- Attributs itemid, itemref, itemscope, itemtype, itemprop
- Vocabulaires et Rich Snippets

Programme de la deuxième journée

Audio et vidéo
- Balises <audio> et <video>
- Support et formats (codecs WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
- Sources multiples
- API de contrôle en JavaScript
Web Storage
- Stockage local et stockage de session
- Principes généraux de manipulation
- Utilisation de JSON
Géolocalisation
- Principe général de l'API
- Se positionner (latitude, longitude)
- Suivre une position
- Utiliser une carte Google Maps
Applications hors-ligne (Appcache)
- Détection online/offline
- Rédaction du manifeste appcache
- API de contrôle en JavaScript
Canvas (présentation et TP si le temps le permet)
- Dessin en 2D
- Tracé de formes et chemins
- Couleurs, remplissages, dégradés
- Images et motifs
- Animations et jeux
- L'alternative SVG

Testez vos connaissances !

Evaluez votre niveau vis à vis de cette formation, à l'aide de notre mini questionnaire dédié.

Vous êtes-vous déjà renseigné sur HTML5 ?
Connaissez-vous l'étendue de tout ce langage ?
Savez-vous comment utiliser les nouveaux attributs pour les formulaires ?
Avez-vous mis en pratique les API Web Storage et Géolocalisation ?
Vous intéressez-vous à la vidéo HTML5, à Canvas pour le dessin dynamique ?
Savez-vous qu'il existe de nombreuses API HTML5 ?

Si vous ne maîtrisez pas tous les concepts évoqués, alors cette journée est faite pour vous !

menu