Programmer en HTML5 avec JavaScript et CSS3

Cours 20480

Classe présentielle

  • Ref. 20480
  • 5 jours
  • Campus Genève / Lausanne
  • CHF 3'800.00

Classe virtuelle

  • Ref. 20480
  • 5 jours
  • Partout
  • CHF 3'800.00

Sur-mesure

  • Ref. 20480
  • A définir
  • Campus ITTA / Site client
  • Sur demande
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 :