Informatique
N° CURSUS : 676
HTLM 5 : Niveau 2
PUBLIC :
Intégrateurs front-end, développeurs back-end, webmestres
PRE-REQUIS :
Maîtrise de XHTML 1.0, connaissances en JavaScript, notions de CSS2.1
INFORMATION :
- Durée : 3 jours
-
- Objectifs - Comprendre et appréhender les nouveautés du standard HTML 5
- Implémenter ou convertir des pages web en HTML 5
- Utiliser les nouvelles API JavaScript
- Vérifier la compatibilité entre navigateurs et programmer des solutions de repli
 - Programme de formation Introduction- Chronologie du HTML
- HTML/XHTML/CSS/JavaScript, les langages du web côté client
- Organismes de standardisation : WHATWG et W3C, standards et validation
- Roadmap HTML5 et état de l’art
- Utiliser le HTML5 aujourd'hui : compatibilité entre navigateurs
Balisage HTML5- Nouveautés sémantiques de HTML5
- Structure d'une page HTML5
- Doctype HTML5
- Redéfinition des éléments et attributs
- Nouveaux éléments : section, article, aside, etc...
- Nouveaux attributs
- Les nouveaux modèles de contenus
- Outline Algorithm
Formulaires HTML5- Nouveaux éléments de formulaires
- Nouveaux types de champs
- Nouveaux attributs
- Nouvelles méthodes de soumission
- Créer et utiliser des formulaires HTML5
- Validation et autres fonctionnalités natives côté client des formulaires HTML 5
Les nouvelles API JavaScript d’HTML5- JavaScript au sein du standard HTML5
- API natives et API associées
- Tour d’horizon des nouvelles API JavaScript
API Audio et Video- Les nouveaux éléments audio et video et nouveaux attributs associés
- Formats supportés par les différents navigateurs
- Créer un lecteur personnalisé
- Repli vers un lecteur Flash
API Drag & Drop- Principes du drag and drop
- Exemple d’une page réarrangeable
- Utilisation conjointe de file API pour réaliser un téléchargement de fichier côté client
Dessiner en HTML5- Le nouvel élément canvas et attributs associés
- Canvas 2D vs SVG ?
- Tracer une courbe de graphique par canvas
API de Géolocalisation- Méthodes de géolocatisation (IP, WiFi, GPS)
- Autorisation par l'utilisateur
- Exemple de géolocalisation et affichage sur une carte
API de Stockage Web- Les cookies
- Stockage local et en session
Quelques autres API- Webworkers, Websockets, IndexedDB, WebGL, Offline Applications, Communication
Compatibilité, rétro-compatibilité et repli- Internet Explorer et les autres
- Graceful Degradation et Progressive Enhacement
- Repli simple
- Repli systématique : la librairie Modernizr.js
- Introduction aux polyfills
 - CONTACT Téléphone : 07.60.13.00.18
E-mail : contact@oweo-formation.fr
Adresse : 12 Allée des cordeliers, 31490 LEGUEVIN
Imprimer cette page