WebAssembly.fr

HTML 5, plateforme de sites et applications en ligne

Etude du format des pages du Web et des nouvelles applications en ligne.

Le W3C qui établit les standards du Web à repris une spécification en cours du WHATWG destinée à permettre à HTML de devenir l'interface d'applications en ligne.

Structure d'une page HTML 5
Les balises indispensables et les nouvelles balises de structure introduite avec HTML 5.

Doctype
Lequel choisir?

Div et span
Différences dans leur utilisation pratique.

Select

Bouton radio
Les groupes de cases à cocher dans un formulaire ou en Ajax.

Menu
Pour créer des menus contextuels ou des barres d'outils.

Table
La balise et les balises internes.

InnerHTML
Ajouter dynamiquement du contenu à une page. Les attributs DOM équivalents.

Balises de mise en relief
Ces balises sémantiques servent à préciser le rôle ou l'importance d'une phrase dans un texte.

Commentaire
Balise standard et expressions conditionnelles.

Iframe
Pour un contenu dynamique ou isolé de la page.

Canvas
La balise canvas est une surface dans laquelle s'affichent des objets graphiques vectoriels ou bitmap ou des widgets d'interface graphique.

SessionStorage
Démonstration et test de d'implémentation.

La balise video

Des APIs pour les applications Web

HTML 5 est progressivement complété par des API (Application Programming Interface) qui transforment le navigateur en plateforme d'applications.

FileReader
Charger un texte ou une image sur le système de fichiers local.

Web Worker
Il existe un équivalent à Ajax pour des scripts fonctionnant dans le navigateur et non sur le serveur.

DOM, modèle d'accès au document

Introduction
Ce qu'est DOM et comment l'utiliser.

Structure et hiérarchie des interfaces de DOM Core Level 2
Objets et dérivés dans un document.

Node
Chaque élément d'une page est un objet node. Ses méthodes et attributs.

NodeList
Liste de Nodes, et méthodes.

Document et HTMLDocument
Le document lui-même est un objet DOM. HTMLDocument est un sous-objet pour une page Web.

Etudes de cas

Remplacer une image ou changer le fond d'écran
Les objets DOM et leurs propriétés sont suffisantes pour modifier les éléments graphiques d'une page Web.

Afficher dynamiquement une vidéo par l'utilisation de Node