Html avancé : utiliser les apis javascript html5

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 en fonction de leurs valeurs sémantiques
Les Microdatas
Les éléments : section, article, aside, etc.
Les modèles de contenus HTML5
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 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 éléments audio et video et 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

L'élément canvas et attributs associés
Canvas 2D vs SVG ?
Intégration des balise canvas et svg dans une page HTML
Introduction à WebGL (3D)

API de Géolocalisation

Méthodes de géolocatisation (IP, Wifi, GPS)
Autorisation par l'utilisateur
Intégration d'une carte faisant appel à la géolocalisation

API de Stockage Web

Présentation des services associés au stockage de données
Les cookies
Stockage local et en session
IndexedDB

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