Public concerné : Tout développeur web ou tout webmaster cherchant à connaître ces nouvelles technologies du web pour construire des sites Internet utilisant le toutes dernières technologies du Web.
Pré-requis : Une connaissance du Web et du html/css, des connaissances en programmation en javascript sont un plus.
Objectifs : Ce cours permet de faire un tour d’horizon des technologies autour de HTML5. Un état de l’art pour connaître les technologies déjà opérationnelles et utilisables dans les navigateurs Internet du moment.
La session se présentera sous-forme de séminaire technique et des mises en pratique seront effectuées sur les éléments pertinents.
Durée : 3 jours
Programme de la formation
Rappel sur l’architecture Web
- WEB et WEB 2.0
- Le web asynchrone avec AJAX
- Notion de « Responsive Web Design »
HTML5
- Historique, roadmap, et cycles de validation,
- WhatWG, W3C et les enjeux du HTML5.0.
- Les balises audio et video
- Éléments de structuration de site,
- L’accessibilité avec les rôles,
- Les canvas et le dessin 2D
- HTML forms (typage des champs, validation)
- Intégration d’élément externe (SVG...)
Javascript 1.6 (ECMA script 5)
- Rappel javascript (POO, Array),
- Les extensions du langage Javascript,
- Nouvelles API du Dom,
- Introduction aux WebSocket 2.0,
- Les différents types de stockage (Local Storage, Session Storage, SQL Storage),
- Le mode offline (détection offline/online, événements),
- HttpXMLRequest Level 2 : exemple de l’upload de fichiers,
- Géolocalisation,
- Le multi-theading avec les web workers,
CSS3
- Les nouveaux sélecteurs,
- Sélection des médias d’affichage et pseudo-classes,
- Nouveaux éléments de bordure, fond de page,
- Gestion de la tailles des éléments,
- Gestion des polices de caractères,
- Transformation de texte,
- Multi-colonnes,
- Transformation de bloc,
- Gestion de la transparence,
- les effets de texte,
- les effets 3D,
- Les éléments spécifiques des navigateurs (-moz-* -webkit-*...)
Conclusion et mise en perspective
Pour plus d’informations et pour réserver votre formation Contactez-nous |
|