1Présentation générale du HTML et de CSS :

Ce module offre une vue générale du HTML et de CSS et explique comment utiliser Visual Studio 2012 pour concevoir une application Web.

• Présentation générale du HTML
• Présentation générale de CSS
• Créer une application Web avec Visual Studio 2012

Atelier : Explorer l’application Contoso Conference

2Créer et styliser une page HTML 5 :

Ce module décrit les nouvelles fonctionnalités du HTML5 et explique comment créer et styliser des pages HTML5.

• Créer une page HTML5
• Styliser une page HTML5

Atelier : Conception et style avec le HTML5

3 Introduction au JavaScript :

Ce module introduit à l’utilisation du langage JavaScript et comment l’utiliser pour ajouter l’interactivité à une page HTML 5.

• Présentation générale de la syntaxe JavaScript
• Programmer le DOM avec JavaScript
• Introduction à jQuery

Atelier : Afficher des données et gérer des évènements avec JavaScript

4Créer des formulaires pour collecter les données et valider les entrées d’utilisateurs :

Ce module décrit les nouveaux types d’entrées disponibles avec HTML5 et explique comment créer des formulaires pour collecter et valider les entrées d’utilisateurs.

• Présentation générale des formulaires et des types d’entrées
• Valider une entrée utilisateur avec les attributs HTML5
• Valider une entrée utilisateur avec JavaScript

Atelier : Créer un formulaire et valider une entrée d’utilisateur

5Communiquer avec une source de données distante :

Ce module explique comment envoyer et recevoir des données depuis/vers une source à distance, grâce à XMLHTTPRequest et les opérations jQuery AJAX.

• Envoyer et recevoir des données avec XMLHTTPRequest
• Envoyer et recevoir des données avec jQuery AJAX

Atelier : Utiliser une source de données à distance

6Styliser HTML5 avec CSS3 :

Ce module présente les nouvelles fonctionnalités de CSS3 pour styliser des pages et des éléments HTML5.

• Styliser le texte
• Styliser les éléments Block
• Les sélecteurs CSS3
• Améliorer les effets graphiques avec CSS3

Atelier : Styliser le texte et les éléments Block avec CSS3

7Créer des objets et des méthodes avec JavaScript :

Ce module explique comment écrire un code JavaScript bien structuré et facile à maintenir. Il expose également l’utilisation de principes orientés sur l’objet dans un code JavaScript au sein d’une application Web.

• Ecrire un code JavaScript bien structuré
• Créer des objets personnalisés
• Etendre les objets

Atelier : Affiner le code pour le maintien et l’extensibilité

8Créer des pages interactives avec HTML5 APIs :

Ce module décrit l’utilisation des HTML5 APIs courantes pour ajouter des fonctions d’interactivité à une application Web. Il explique également comment débuguer et profiler une application.

• Interagir avec des fichiers
• Incorporer des multimédias
• La localisation de navigateur (Browser location) et les contextes
• Débuguer et profiler une application Web

Atelier : Création de pages interactives

9Ajouter un support hors-connexion aux applications Web :

Ce module décrit l’ajout du support hors-connexion à une application Web pour lui permettre de fonctionner dans le navigateur d’un utilisateur même si ce navigateur est déconnecté.

• Lire et écrire des données localement
• Ajouter un support hors-connexion avec le Cache

Atelier : Le support hors-connexion

10Implémenter une interface d’utilisateur adaptée :

Ce module explique comment créer des pages HTML5 capables de s’adapter à différents appareils et formats.

• Support des formats d’affichages multiples
• Créer une interface d’utilisateur adaptable

Atelier : L’interface d’utilisateur adaptée

11Créer des graphiques avancés :

Ce module présente les graphiques avancés d’une application Web HTML5 via l’utilisation des éléments Canvas et des Scalable Vector Graphics.

• Créer des graphiques interactifs avec Scalable Vector Graphics
• Dessiner des graphiques par programme avec Canvas

Atelier : Création de graphiques avancés

12Animer l’interface d’utilisateur :

Ce module explique comment renforcer l’expérience utilisateur d’une application Web HTML5 grâce à l’ajout d’animations.

• Appliquer des transitions CSS
• Transformer des éléments
• Appliquer des animations CSS Key-frame

Atelier : Animer les éléments de l’interface

13 Implémenter des communications en temps réel avec les Web Sockets :

Ce module introduit les Web Sockets et leur utilisation dans la transmission et la réception de données entre une application Web HTML5 et un serveur.

• Introduction aux Web Sockets
• Envoyer et recevoir des données avec les Web Sockets

Atelier : Communications en temps réel avec les Web Sockets

14Créer un processus Web Worker :

Ce module explique comment utiliser les processus Web Worker pour mettre en place des opérations asynchrones de long terme et améliorer la réactivité d’une application Web HTML5.

• Introduction aux Web Workers
• Les processus asynchrones avec Web Worker

Atelier : Les processus Web Worker

Afin de participer à cette formation, les candidats devraient avoir une première expérience dans le développement. Ils devraient également posséder des connaissances pratiques et théoriques du HTML5.

Cette formation s’adresse aux développeurs professionnels ayant une expérience dans la programmation et qui s’intéressent au développement d’applications avec HTML5, JavaScript et CSS3 (que ce soit pour les applications Windows Store pour Windows 8-10 ou des applications Web). Ce cours s’adresse particulièrement aux candidats ayant une première expérience dans la création d’applications Web incluant l’écriture de code JavaScript simple, la création d’applications clientes Windows et l’utilisation de Visual Studio 201x. La formation s’adresse également aux personnes souhaitant passer l’examen de certification Microsoft 70-480 « Programmer en HTML5 avec JavaScript et CSS3 ».