Effectuer une recherche sur le site

Votre devise

Programmer en HTML5 avec JavaScript et CSS3

Formation avec certification

Dernière version en date du HTML, HTML5 permet de créer et styliser une page Web à travers un langage de balisage. JavaScript offre la possibilité de rendre ces pages Web interactives. Quant à CSS3, son arrivée a permis de multiplier les possibilités en termes de design Web. Cette formation vous apprendra à combiner ces trois langages et leurs divers composants, afin de vous apporter des compétences complètes dans le développement et la programmation d’applications Web. Elle vous préparera également à l’examen 70-480 de certification Microsoft « Programmer en HTML5 avec JavaScript et CSS3 ».

Objectif

Cette formation a pour objectif de présenter le HTML5, CSS3 et JavaScript et de fournir des compétences de base dans la programmation à partir de ces langages. Elle est une porte d’entrée dans la conception des applications Web et des applications Windows Store. Cette formation se concentre sur l’utilisation de HTML5/CSS3/JavaScript pour implémenter une logique de programmation, définir et utiliser des variables, opérer des boucles et des branchements, développer des interfaces d’utilisateurs, capturer et valider les entrées d’utilisateurs, stocker des données et créer des applications fiables et performantes. Le cours s’appuie sur un ensemble d’ateliers pratiques mettant en scène différents scénarios d’applications, afin de comprendre leur structure et leur fonctionnement. La formation utilise Visual Studio 2012, sous Windows 8/10.

A l’issue de cette formation, les apprenants sauront :

  • 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 une interactivité à une page HTML5 avec du JavaScript.
  • Créer des formulaires HTML5 et faire des contrôles de saisie avec les attributs HTML5 et le code JavaScript.
  • Envoyer et recevoir des données (Services Web) depuis et vers une source de données distante grâce à XMLHTTPRequest objects et jQuery AJAX.
  • Styliser des pages HTML5 avec CSS3.
  • Créer un code JavaScript bien conçu et facile à maintenir.
  • Utiliser les HTML5 APIs courantes dans les applications Web interactives.
  • Créer des pages Web HTML5 capables de s’adapter aux différents appareils terminaux d’affichage
  • Ajouter des graphiques avancés à une page HTML5.
  • Améliorer l’expérience utilisateur en ajoutant des animations à une page HTML5.
  • Utiliser 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 supporte des opérations de long-terme via Web Worker.

Programme

Module 1 : Pré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

Module 2 : Cré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

Module 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

Module 4 : Cré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

Module 5 : Communiquer 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

Module 6 : Styliser 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

Module 7 : Cré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é

Module 8 : Cré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

Module 9 : Ajouter 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

Module 10 : Implé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

Module 11 : Cré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

Module 12 : Animer 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

Module 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

Module 14 : Cré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

Pré-requis

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.

Public

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 ».

Cette formation s'adresse aux profils suivants
Code formation
M20480
Durée
5 jours

Soyez informé par email quand une nouvelle session est disponible.

Leave empty this text field if you are not a bot.