Programmer en HTML5 avec JavaScript et CSS3

Cette formation constitue le point d'entrée des cursus de formation et certification " MCSD Web Applications " et " MCSD Windows Store App avec HTML5 " et permet d'acquérir les connaissances et compétences de base en programmation HTML5, CSS3 et JavaScript.
La formation est basée sur Visual Studio 2012 et l'environnement d'exécution est Windows 8.
Cette formation prépare à l'examen " 70-480 - Programming in HTML5 with JavaScript and CSS3 ".

Public :

• Développeurs d'applications Web pour IE10 ou le Windows Store.

Objectifs :

• Utiliser Visual Studio 2012 pour créer et exécuter une application Web ;
• Décrire les nouvelles fonctionnalités de HTML5, et créer des pages HTML5 et appliquer des styles CSS3 ;
• Ajouter de l'interactivité à une page HTML5 à l'aide de JavaScript ;
• Créer des formulaires HTML5 en utilisant les différents champs, et valider les entrées utilisateur en utilisant les attributs HTML5 et du code JavaScript ;
• Envoyer et recevoir des données vers et à partir d'une source de données distante en utilisant des objets XMLHttpRequest et des traitements AJAX jQuery ;
• Appliquer des styles CSS3 aux pages HTML5 ;
• Ecrire du code JavaScript bien structurée et facilement maintenable ;
• Utilisez les API HTML5 dans des applications Web interactives ;
• Créer des applications Web qui prennent en charge des opérations hors ligne ;
• Créer des pages Web HTML5 qui peuvent s'adapter à différents appareils et facteurs de forme.
• Ajouter des graphiques évolués à une page HTML5 en utilisant des Canvas et des Scalable Vector Graphics ;
• Améliorer l'expérience utilisateur en ajoutant des animations à une page HTML5 ;
• Utilisez les Web Sockets pour envoyer et recevoir des données entre une application Web et un serveur ;
• Améliorer la réactivité d'une application Web qui exécute des opérations de longue durée à l'aide de processus Web Worker.

Pré-requis :

• Avoir une expérience de base en HTML4 (structure et balises, formulaire, contenu au format texte et graphique) et CSS2.1 (positionnement et mise en forme).

Contenu pédagogique

Vue d'ensemble d'HTML et CSS

• Vue d'ensemble de HTML
• Vue d'ensemble de CSS
• Créer une application Web en utilisant Visual Studio 2012

Créer et styler une page HTML5

• Créer une page HTML5
• Appliquer des styles à une page HTML5

Introduction à JavaScript

• Vue d'ensemble de la syntaxe JavaScript
• Programmer le DOM HTML avec JavaScript
• Introduction à jQuery

Créer des formulaires pour collecter des données et valider les entrées utilisateurs

• Vue d'ensemble des formulaires et des champs de formulaire
• Valider les entrées utilisateurs en utilisant les attributs HTML5
• Valider les entrées utilisateurs en utilisant JavaScript

Communiquer avec une source de données distante

• Envoyer et recevoir des données en utilisant l'objet XMLHTTPRequest
• Envoyer et recevoir des données en utilisant des opérations AJAX jQuery

Styler HTML5 en utilisant CSS3

• Les styles pour le texte
• Les styles pour les blocs d'éléments
• Les sélecteurs CSS3
• Améliorer les effets graphiques à l'aide de CSS3

Créer des objets et des méthodes en utilisant JavaScript

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

Créer des pages interactives en utilisant les API HTML5

• Interagir avec les fichiers
• Intégrer du multimédia
• Réagir au contexte et à la géolocalisation du navigateur
• Déboguer et profiler une application Web

Ajouter le support du mode hors ligne aux applications Web

• Lire et écrire des données localement
• Ajouter le support du mode hors ligne en utilisant le cache d'application

Mettre en œuvre une interface utilisateur adaptative

• Supporter plusieurs facteurs de forme
• Créer une interface utilisateur adaptative

Créer des graphiques avancés

• Créer des graphiques interactifs en utilisant les Scalables Vector Graphics
• Utiliser le Canvas pour dessiner des graphiques par programmation

Animer les éléments de l'interface utilisateur

• Appliquer des transitions CSS
• Appliquer des transformations CSS
• Appliquer des animations CSS

Mettre en œuvre de la communication temps-réel en utilisant les Web Sockets

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

Créer un processus Web Worker

• Introduction aux Web Workers
• Effectuer des traitements asynchrones en utilisant les Web Workers