Table des matières

T8.A5 Les possibilités de HTML5

Retour
Retour au programme

PUBLIC VISE:

Personnel de la Recherche et de l'Enseignement Supérieur …


Thématiques

Le développement Web : Services Web et web sémantique


DATE:


SALLE:

PC8


DESCRIPTION:

Présentation complète de HTML5, suivie ou entrecoupée d'exercices / tutoriaux à faire par les élèves.

Etherpad de cet atelier

MATERIEL/ORDINATEUR/CONTRAINTES:

Nombre de personnes maximum: 50 Solution technique envisagée:

Il suffit d'un ordinateur, peu importe l'OS, mais un navigateur web récent est recommandé (Chrome, FF, Opera, ou plusieurs si vous pouvez, toutes les features d'HTML5 ne tournant pas encore sur tous les navigateurs). Une version récente de NodeJS (à rpendre sur nodeJS.org) est nécessaire pour ceux qui voudront faire les exercices sur les WebSockets.

Pour faire tourner les exemples utilisant les APIs d'orientation et de détection d'accélérations, une tablette, un téléphone très récent ou un ordinateur portable équipé d'accéléromètre est nécessaire (Il s'agit juste de quelques exemples, c'est facultatif).

Pré-requis (intra et extra programme) :

Connaissances basiques de HTML4 / CSS / JavaScript

PROGRAMME:

Nouveaux éléments de structure/sémantique, multimédia vidéo et audio et APIs, nouveaux types et attributs de formulaires et API de validation, dessin et animation avec l'élément <canvas>, APIs non liées à des éléments: DOM API, geolocation, WebWorkers (JS multithreading), orientation et deviceMotion APIs, Drag'n'Drop, client-side persistence, HTML5 web sockets.

la présentation s'accompagne de très nombreux excemples interactifs avec source et propose aussi plusieurs exercices tutoriaux mettant en oeuvre : formulaires étendus, géolocalisation, dessin et animation, web sockets, etc. Ces exercices sont au choix des élèves.


DOCUMENTS/Machine virtuelle:

Les transparents sont disponibles sur : http://mainline.essi.fr/HTML5slides/index.html

Ils s'accompagnent de support de cours très détaillé (il s'agit d'une version PDF du cours HTML5 donné par http://www.w3devcampus.com, la plate forme du W3C qui propose des cours en ligne).

Exercices, exemples interactifs