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
- Utiliser Visual Studio 2012 pour créer et exécuter une application Web
- Décrire, créer et styliser des pages HTML5 et CSS3
- Ajouter de l'interactivité à une page en utilisant JavaScript
- Créer des formulaires HTML5
- Créer du code JavaScript structuré et facilement maintenable
- Utiliser l'API HTML5 dans les applications Web interactives
- Ajouter des graphiques avancés en utilisant SVG
- Améliorer l'expérience utilisateur avec des animations
- Améliorer la réactivité d'une application Web
Connaissances préalables
- 3 mois d'expérience dans le développement
- Savoir utiliser l'API HTML
- Savoir mettre en œuvre un style CSS de base
- Savoir créer et utiliser des variables
- Savoir utiliser les opérateurs arithmétiques, relationnels et logiques
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 : Programming in HTML5 with JavaScript and CSS3
- 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 :
- MCSD: Windows Store Apps Using HTML5
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 :