Introduction
Cette formation est une introduction à HTML5 , CSS3 et JavaScript et permet aux étudiants d'acquérir des compétences de base de la programmation HTML5/CSS3/JavaScript . Ce cours est un point d'entrée à la fois dans les application Web et Windows Store. Il se concentre sur l'utilisation de HTML5/CSS3/JavaScript afin de mettre en œuvre la logique de programmation, de définir et d'utiliser des variables, d' effectuer une boucle et la ramification, de développer des interfaces utilisateur, de capturer et valider l'entrée d'utilisateur, de stocker des données et de créer des applications bien structurées.
Objectifs
A l'issue de cette formation, les participants seront à même de :
- Utiliser Visual Studio 2012 pour créer et exécuter une application Web
- Décrire les nouvelles fonctionnalités de HTML5 et créer et styliser des pages HTML5
- Ajouter de l'interactivité à une page HTML5 en utilisant JavaScript
- Créer des formulaires HTML5 en utilisant différents types d'entrée et valider l'entrée d'utilisateur en utilisant des attributs HTML5 et du code JavaScript
- Envoyer et recevoir des données vers et à partir d'une source de données à distance en utilisant des objets XMLHTTPRequest et les opérations AJAX jQuery
- Styliser de pages HTML5 en utilisant CSS3
- Créer du code JavaScript bien structuré et facilement maintenable
- Utiliser l'API HTML5 dans les applications Web interactives
- Créer des applications Web qui fonctionnet hors connection
- Créer des pages Web de HTML5 qui peuvent s'adapter à différents dispositifs et des facteurs de forme
- Ajouter des graphiques avancés à une page HTML5 en utilisant SVG (Scalable Vector Graphics)
- Améliorer l'expérience utilisateur en ajoutant des animations à une page HTML5
- Utiliser 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 effectue des opérations de longue durée à l'aide de processus Web Worker
Connaissances préalables
Avant de suivre ce cours, les participants devraient avoir un minimum de 3 mois d'experience dans le developpement.
En plus de leur expérience professionnelle, les participants devraient avoir les connaissances suivantes :
En plus de leur expérience professionnelle, les participants devraient avoir les connaissances suivantes :
Comprendre la structure d'un document HTML de base :
- Comment utiliser des balises HTML pour afficher le contenu du texte
- Comment utiliser des balises HTML pour afficher des graphiques
- Comment utiliser l'API HTML
Comprendre comment styliser des éléments HTML communs utilisant le CSS :
- Comment séparer la présentation du contenu
- Comment gérer les flux de contenu
- Comment faire pour contrôler la position des éléments individuels
- Comment mettre en œuvre un style CSS de base
Comprendre comment écrire du code JavaScript pour ajouter des fonctionnalités à une page web :
- Comment créer et utiliser des variables
- Comment utiliser les opérateurs arithmétiques pour effectuer des calculs arithmétiques impliquant une ou plusieurs variables
- Comment utiliser les opérateurs relationnels pour tester la relation entre deux variables ou des expressions
- Comment utiliser les opérateurs logiques pour combiner des expressions qui contiennent des opérateurs relationnels
- Comment contrôler le flux du programme en utilisant if ... else
- Comment mettre en œuvre itérations en utilisant les boucles
Contenu du cours
Module 1 : Aperçu de HTML et CSS
Ce module fournit un aperçu de HTML et CSS, et décrit comment utiliser Visual Studio 2012 pour créer une application Web.
- Leçon 1 : Vue d'ensemble du HTML
- Leçon 2 : Vue d'ensemble de CSS
- Leçon 3 : Création d'une application Web à l'aide de Visual Studio 2012
Module 2 : Création et style de pages HTML5
Ce module décrit les nouvelles fonctionnalités de HTML5 et explique comment créer et éditer des pages HTML5.
- Leçon 1 : Création d'une page HTML5
- Leçon 2 : Styling HTML5 Page
Module 3 : Introduction à JavaScript
Ce module fournit une introduction à la langue JavaScript et montre comment utiliser JavaScript pour ajouter de l'interactivité aux pages HTML5.
- Leçon 1 : Vue d'ensemble de la syntaxe JavaScript
- Leçon 2 : Programmation du DOM HTML avec JavaScript
- Leçon 3 : Introduction à jQuery
Module 4 : Création de formulaires pour collecter des données et validation d'entrée utilisateur
Ce module décrit les nouveaux types d'entrée disponibles avec HTML5 et explique comment créer des formulaires pour collecter et valider l'entrée des utilisateurs en utilisant les nouveaux attributs HTML5 et le code JavaScript.
- Leçon 1 : Vue d'ensemble des formulaires et des types d'entrée
- Leçon 2 : Validation de l'entrée des utilisateurs en utilisant les attributs HTML5
- Leçon 3 : Validation de l'entrée utilisateur en utilisant JavaScript
Module 5 : Communiquer avec une source de données à distance
Ce module décrit comment envoyer et recevoir des données vers et à partir d'une source de données à distance en utilisant un objet XMLHTTPRequest et en exécutant les opérations jQuery AJAX.
- Leçon 1 : Envoi et réception de données en utilisant XMLHTTPRequest
- Leçon 2 : Envoi et réception de données en utilisant les opérations jQuery AJAX
Module 6 : Styling HTML5 en utilisant CSS3
Ce module décrit comment façonner les pages et les éléments HTML5 en utilisant les nouvelles fonctionnalités disponibles dans CSS3.
- Leçon 1 : Texte stylisant
- Leçon 2 : Éléments de blocage styling
- Leçon 3 : Sélecteurs CSS3
- Leçon 4 : Amélioration des effets graphiques à l'aide de CSS3
Module 7 : Création d'objets et de méthodes à l'aide de JavaScript
Ce module explique comment écrire un code JavaScript bien structuré et facile à entretenir, et comment appliquer des principes orientés objet au code JavaScript dans une application Web.
- Leçon 1 : Rédaction de JavaScript bien structuré
- Leçon 2 : Création d'objets personnalisés
- Leçon 3 : Extension d'objets
Module 8 : Création de pages interactives à l'aide des API HTML5
Ce module décrit comment utiliser certaines API HTML5 communes pour ajouter des fonctionnalités interactives à une application Web. Ce module explique également comment déboguer et profiler une application Web.
- Leçon 1 : Interaction avec les fichiers
- Leçon 2 : Incorporation de multimédia
- Leçon 3 : Réaction à l'emplacement et au contexte du navigateur
- Leçon 4 : Débogage et création de profils d'une application Web
Module 9 : Ajout de support hors connexion aux applications Web
Ce module décrit comment ajouter un support hors ligne à une application Web, pour permettre à l'application de continuer à fonctionner dans le navigateur d'un utilisateur, même si le navigateur est déconnecté du réseau.
- Leçon 1 : Lecture et écriture de données localement
- Leçon 2 : Ajout de support hors connexion à l'aide du cache d'application
Module 10 : implémentation d'une interface utilisateur adaptée
Ce module décrit comment créer des pages HTML5 qui peuvent détecter et s'adapter dynamiquement à différents dispositifs et facteurs de forme.
- Leçon 1 : Soutenir les facteurs de forme multiples
- Leçon 2 : Création d'une interface utilisateur adaptée
Module 11 : Création de graphiques avancés
Ce module décrit comment créer des graphiques avancés pour une application Web HTML5 à l'aide d'un élément Canvas, et en utilisant Scalable Vector Graphics.
- Leçon 1 : Création de graphiques interactifs en utilisant des graphiques vectoriels évolutifs
- Leçon 2 : Dessiner graphiquement graphiquement en utilisant un canevas
Module 12 : Animation de l'interface utilisateur
Ce module décrit comment améliorer l'expérience utilisateur dans une application Web HTML5 en ajoutant des animations.
- Leçon 1 : Application des transitions CSS
- Leçon 2 : Éléments de transformation
- Leçon 3 : Application des animations CSS Key-frame
Module 13 : Implémentation de communications en temps réel à l'aide de prises Web
Ce module explique comment utiliser Web Sockets pour transmettre et recevoir des données entre une application Web HTML5 et un serveur.
- Leçon 1 : Introduction aux Sockets Web
- Leçon 2 : Envoi et réception de données à l'aide de prises Web
Module 14 : Création d'un processus de travailleur Web
Ce module décrit comment utiliser Web Worker Processes pour effectuer des opérations de longue durée de manière asynchrone et améliorer la réactivité d'une application Web HTML5.
- Leçon 1 : Introduction aux travailleurs du Web
- Leçon 2 : Effectuer un traitement asynchrone à l'aide d'un travailleur Web
Documentation
Support de cours officiel Microsoft
Examen
Ce cours prépare à l'examen 70-480.
Cocher la case examen dans le tableau des dates de sessions pour l'ajouter à votre commande.
Certification
Ce cours fait partie des cursus de certification suivant :
Lab / Exercices
- Lab 1 : Exploration de la demande de conférence Contoso
- Lab 2 : Création et création de pages HTML5
- Lab 3 : Affichage des données et gestion des événements en utilisant JavaScript
- Lab 4 : Création d'un formulaire et validation de l'entrée de l'utilisateur
- Lab 5 : Communiquer avec une source de données à distance
- Lab 6 : Styling Text and Block Elements using CSS3
- Lab 7 : Code de raffinage pour la maintenabilité et l'extensibilité
- Lab 8 : Création de pages interactives à l'aide des API HTML59
- Lab 9 : Ajout d'un support hors ligne à une application Web
- Lab 10 : Implémentation d'une interface utilisateur adaptée
- Lab 11 : Création de graphiques avancés
- Lab 12 : Animating User Interface Elements
- Lab 13 : Implémentation de communications en temps réel à l'aide de prises Web
- Lab 14 : Création d'un processus de travailleur Web
Formation complémentaire
Compléter votre cursus en suivant les formations complémentaires suivantes :
Les formateurs dans ce domaine
Cette formation pourra être effectuée par une personne au profil équivalent.
Pierre-Eric Tavel
Intégration et développement d’applications