Ce cours présente HTML5, CSS3 et JavaScript aux étudiants. Il aide les étudiants à acquérir des compétences de base en programmation HTML5, CSS3 et JavaScript. Les étudiants apprendront à utiliser HTML5, CSS3 et JavaScript pour créer des applications Web réactives et évolutives qui peuvent détecter dynamiquement et s’adapter à différents facteurs de forme et capacités de l’appareil.

 

DURÉE D’ASSIMILATION DE LA MATIÈRE

Nos formations demandent un engagement et de l’action de part de l’apprenant. Il est acteur de son apprentissage.

Chaque personne est unique. Elle a son propre parcours, sa propre expérience ainsi que sa motivation. Tous ces facteurs et d’autres influencent énormément l’assimilation de nouvelles informations.

Le temps moyen estimé de cette formation est de  : 35 heures

PUBLIC

Ce cours est destiné aux développeurs professionnels qui ont six à douze mois d’expérience en programmation et qui sont intéressés à développer des applications Web en utilisant HTML5 avec JavaScript et CSS3.

De plus, les étudiants peuvent avoir l’expérience suivante:

  • Un à trois mois d’expérience dans la création d’applications Web, y compris l’écriture de code JavaScript simple
  • Un mois d’expérience dans la création d’applications clientes Windows
  • Un mois d’expérience avec Microsoft Visual Studio 2015 ou Visual Studio 2017

Ce cours n’est pas destiné aux développeurs ayant trois mois ou plus d’expérience en codage HTML5.

 

OBJECTIFS DE LA FORMATION

Après avoir terminé ce cours, les étudiants seront en mesure de:

  • Expliquez comment utiliser Visual Studio 2017 pour créer et exécuter une application Web.
  • Décrivez les nouvelles fonctionnalités de HTML5 et créez et stylisez des pages HTML5.
  • Ajoutez de l’interactivité à une page HTML5 en utilisant JavaScript.
  • Créez des formulaires HTML5 en utilisant différents types d’entrée et validez l’entrée utilisateur en utilisant des attributs HTML5 et du code JavaScript.
  • Envoyez et recevez des données vers et depuis une source de données distante à l’aide d’objets XMLHTTPRequest et de l’API Fetch.
  • Stylez les pages HTML5 en utilisant CSS3.
  • Créez un code JavaScript bien structuré et facile à entretenir.
  • Écrivez du code JavaScript moderne et utilisez Babel pour le rendre compatible avec tous les navigateurs.
  • Utilisez les API HTML5 courantes dans les applications Web interactives.
  • Créez des applications Web qui prennent en charge les opérations hors ligne.
  • Créez des pages Web HTML5 qui peuvent s’adapter à différents appareils et facteurs de forme.
  • Ajoutez des graphiques avancés à une page HTML5 en utilisant des éléments de l’API Canvas et des graphiques vectoriels évolutifs (SVG).
  • Améliorez l’expérience utilisateur en ajoutant des animations à une page HTML5.
  • Utilisez WebSockets pour envoyer et recevoir des données entre une application Web et un serveur.
  • Améliorez la réactivité d’une application Web qui effectue des opérations de longue durée en utilisant des processus de travail Web.
  • Utilisez webpack pour conditionner des applications Web pour la production.

PROGRAMME DÉTAILLÉ

Le plan du cours est le suivant:

Module 1. Présentation de HTML et CSS

Ce module donne un aperçu du HTML et du CSS. Une grande partie du matériel sur HTML sera un examen, mais il garantit que tous les étudiants sont à jour et comprennent la terminologie utilisée tout au long du cours.

Module 2. Création et mise en forme de pages HTML

Ce module couvre les nouvelles fonctionnalités en HTML5 et CSS3. Il décrit les nouveaux éléments HTML5, tels que l’utilisation des balises <nav>, <article>, <section>, <aside> et <footer> pour ajouter une structure sémantique à un document HTML. Il couvre également le balisage des images et des éléments de texte.

Module 3. Introduction à JavaScript

Ce module décrit comment utiliser JavaScript pour ajouter des fonctionnalités dynamiques à une page Web.

Module 4. Création de formulaires pour collecter et valider les entrées utilisateur

Ce module couvre les nouvelles fonctionnalités de saisie de formulaires fournies par HTML5.

Module 5. Communiquer avec un serveur distant

Ce module couvre la création de pages Web pouvant communiquer avec les services Web.

Module 6. Styliser HTML5 à l’aide de CSS3

Ce module va plus en détail sur l’utilisation de CSS pour styliser du texte et des graphiques.

Module 7. Création d’objets et de méthodes à l’aide de JavaScript

Ce module fournit plus d’informations sur JavaScript, en se concentrant sur les techniques et les meilleures pratiques pour écrire du code bien structuré et maintenable.

Module 8. Création de pages interactives à l’aide des API HTML5

Ce module présente certaines des nouvelles fonctionnalités qui ont été ajoutées à HTML5 pour permettre aux pages Web d’interagir avec l’utilisateur et avec le système d’exploitation exécutant le navigateur.

Module 9. Ajout d’une prise en charge hors ligne aux applications Web

Ce module décrit comment activer une application Web pour prendre en charge les opérations hors ligne.

Module 10. Implémentation d’une interface utilisateur adaptative

Ce module décrit comment utiliser les styles CSS pour implémenter une interface utilisateur adaptative qui peut détecter le facteur de forme du périphérique exécutant le navigateur et modifier la disposition du contenu en conséquence.

Module 11. Création de graphiques avancés

Ce module couvre l’implémentation de graphiques interactifs haute résolution. Ce module propose deux technologies, SVG et Canvas API.

Module 12. Animation de l’interface utilisateur

Ce module explique comment rendre une page Web intéressante en utilisant des animations CSS. Les élèves apprennent à mettre en œuvre des transitions pour modifier l’apparence d’un élément au fil du temps et à transformer des éléments en 2D et 3D.

Module 13. Implémentation de la communication en temps réel à l’aide de WebSockets

Ce module décrit comment implémenter une communication d’égal à égal entre une application Web et un serveur Web à l’aide de WebSockets.

Module 14. Exécution d’un traitement en arrière-plan à l’aide de Web Workers

Ce module explique comment décharger des opérations de longue durée sur un travailleur Web. Cette stratégie permet à une page Web de rester réactive pendant qu’une tâche distincte effectue le traitement. Le module décrit également comment créer et contrôler un travailleur Web et comment transmettre des messages entre un travailleur Web et une page Web.

Module 15. Empaquetage de JavaScript pour le déploiement de la production

Ce module décrit comment empaqueter du code JavaScript pour le déploiement en production avec des outils tels que webpack et Babel.

PRÉ-REQUIS

Avant de suivre ce cours, les étudiants doivent avoir au moins trois mois d’expérience en développement professionnel. En plus de leur expérience professionnelle, les étudiants qui suivent cette formation doivent avoir une combinaison de connaissances pratiques et conceptuelles liées à la programmation HTML5. Cela comprend les conditions préalables suivantes:

  • Comprendre la structure de base du document HTML:

Comment utiliser des balises HTML pour afficher du contenu texte

Comment utiliser des balises HTML pour afficher des graphiques

Comment utiliser les API HTML

  • Comprendre comment styliser des éléments HTML courants à l’aide de CSS, notamment:

Comment séparer la présentation du contenu

Comment gérer le flux de contenu

Comment contrôler la position des éléments individuels

Comment implémenter 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:

-Opérateurs arithmétiques pour effectuer des calculs arithmétiques impliquant une ou plusieurs variables

-Opérateurs relationnels pour tester la relation entre deux variables ou expressions

-Opérateurs logiques pour combiner des expressions contenant des opérateurs relationnels

Comment contrôler le flux du programme en utilisant les instructions if… else

Comment implémenter des itérations en utilisant des boucles Comment écrire des fonctions simples

Programme de Formation

Introduction
20480C – Module 1 Présentation de HTML et CSS – Leçon 1 Présentation de HTML GRATUIT 00:40:00
20480C – Module 1 Présentation de HTML et CSS – Leçon 2 Présentation de CSS GRATUIT 00:23:00
Première Partie
MS 20486 – Module 14 Hébergement et déploiement – Leçon 1 Hébergement et déploiement sur site 00:12:00
MS 20486 – Module 14 Hébergement et déploiement – Leçon 2 déploiement sur Microsoft Azure 00:30:00
20480C – Module 2 Création et mise en forme de pages HTML – Leçon 1 Création d’une page HTML5 00:30:00
20480C – Module 2 Création et mise en forme de pages HTML – Leçon 2 Styliser une page HTML5 00:30:00
20480C – Module 2 Création et mise en forme de pages HTML – Atelier Création et mise en forme de pages HTML5 00:30:00
20480C – Module 3 Introduction à JavaScript – Leçon 1 Présentation de JavaScript 00:32:00
20480C – Module 3 Introduction à JavaScript – Leçon 2 Introduction au modèle d’objet de document 00:18:00
20480C – Module 3 Introduction à JavaScript – Atelier Affichage des données et gestion des événements à l’aide de JavaScript 00:30:00
20480C – Module 4 Création de formulaires pour collecter et valider les entrées utilisateur – Leçon 1 Création de formulaires HTML5 00:15:00
20480C – Module 4 Création de formulaires pour collecter et valider les entrées utilisateur – Leçon 2 Validation de l’entrée utilisateur à l’aide des attributs HTML5 00:12:00
20480C – Module 4 Création de formulaires pour collecter et valider les entrées utilisateur – Leçon 3 Validation de l’entrée utilisateur à l’aide de JavaScript 00:10:00
20480C – Module 4 Création de formulaires pour collecter et valider les entrées utilisateur – Atelier Création d’un formulaire et validation des entrées utilisateur 00:30:00
20480C – Module 5 Communiquer avec un serveur distant – Leçon 1 Programmation asynchrone en JavaScript 00:18:00
20480C – Module 5 Communiquer avec un serveur distant – Leçon 2 Envoi et réception de données à l’aide de l’objet XMLHttpRequest 00:18:00
20480C – Module 5 Communiquer avec un serveur distant – Leçon 3 Envoi et réception de données à l’aide de l’API Fetch 00:08:00
20480C – Module 5 Communiquer avec un serveur distant – Atelier Communication avec une source de données distante 00:30:00
Deuxième Partie
20480C – Module 6 Styliser HTML5 à l’aide de CSS3 – Leçon 1 Styliser du texte à l’aide de CSS3 00:12:00
20480C – Module 6 Styliser HTML5 à l’aide de CSS3 – Leçon 2 Styliser les éléments de bloc 00:12:00
20480C – Module 6 Styliser HTML5 à l’aide de CSS3 – Leçon 3 Pseudo-classes et pseudo-éléments 00:10:00
20480C – Module 6 Styliser HTML5 à l’aide de CSS3 – Leçon 4 Amélioration des effets graphiques à l’aide de CSS3 00:11:00
20480C – Module 6 Styliser HTML5 à l’aide de CSS3 – Atelier Styliser du texte et des éléments de bloc à l’aide de CSS3 00:30:00
20480C – Module 7 Création d’objets et de méthodes à l’aide de JavaScript – Leçon 1 Écriture d’un code JavaScript bien structuré 00:19:00
20480C – Module 7 Création d’objets et de méthodes à l’aide de JavaScript – Leçon 2 Création d’objets personnalisés 00:11:00
20480C – Module 7 Création d’objets et de méthodes à l’aide de JavaScript – Leçon 3 Extension d’objets 00:09:00
20480C – Module 7 Création d’objets et de méthodes à l’aide de JavaScript – Atelier Affinage du code pour la maintenabilité et l’extensibilité 00:30:00
20480C – Module 8 Création de pages interactives à l’aide des API HTML5 – Leçon 1 Interaction avec les fichiers 00:16:00
20480C – Module 8 Création de pages interactives à l’aide des API HTML5 – Leçon 2 Intégrer le multimédia 00:09:00
20480C – Module 8 Création de pages interactives à l’aide des API HTML5 – Leçon 3 Réaction à l’emplacement et au contexte du navigateur 00:11:00
20480C – Module 8 Création de pages interactives à l’aide des API HTML5 – Leçon 4 Débogage et profilage d’une application Web 00:05:00
20480C – Module 8 Création de pages interactives à l’aide des API HTML5 – Atelier Création de pages interactives avec les API HTML5 00:30:00
20480C – Module 9 Ajout d’une prise en charge hors ligne aux applications Web – Leçon 1 Lecture et écriture de données localement 00:25:00
20480C – Module 9 Ajout d’une prise en charge hors ligne aux applications Web – Leçon 2 Ajout d’une prise en charge hors ligne à l’aide du cache d’application 00:16:00
20480C – Module 9 Ajout d’une prise en charge hors ligne aux applications Web – Atelier Ajout d’une prise en charge hors ligne aux applications Web 00:30:00
20480C – Module 10 Implémentation d’une interface utilisateur adaptative – Leçon 1 Prise en charge de plusieurs facteurs de forme 00:08:00
20480C – Module 10 Implémentation d’une interface utilisateur adaptative – Leçon 2 Création d’une interface utilisateur adaptative 00:13:00
20480C – Module 10 Implémentation d’une interface utilisateur adaptative – Atelier Implémentation d’une interface utilisateur adaptative 00:30:00
20480C – Module 11 Création de graphiques avancés – Leçon 1 Création de graphiques interactifs à l’aide de SVG 00:12:00
20480C – Module 11 Création de graphiques avancés – Leçon 2 Dessin de graphiques à l’aide de l’API Canvas 00:10:00
20480C – Module 11 Création de graphiques avancés – Atelier Création de graphiques avancés 00:30:00
20480C – Module 12 Animation de l’interface utilisateur – Leçon 1 Application des transitions CSS 00:12:00
20480C – Module 12 Animation de l’interface utilisateur – Leçon 2 Transformer les élément 00:07:00
20480C – Module 12 Animation de l’interface utilisateur – Leçon 3 Application d’animations d’images clés CSS 00:09:00
20480C – Module 12 Animation de l’interface utilisateur – Atelier Animation de l’interface utilisateur 00:30:00
20480C – Module 13 Implémentation de la communication en temps réel à l’aide de WebSockets – Leçon 1 Introduction aux WebSockets 00:11:00
20480C – Module 13 Implémentation de la communication en temps réel à l’aide de WebSockets – Leçon 2 Utilisation de l’API WebSocket 00:13:00
20480C – Module 13 Implémentation de la communication en temps réel à l’aide de WebSockets – Atelier Communication en temps réel à l’aide de WebSockets 00:30:00
20480C – Module 14 Exécution d’un traitement en arrière-plan à l’aide du Web Ouvriers – Leçon 1 Comprendre les travailleurs du Web 00:14:00
20480C – Module 14 Exécution d’un traitement en arrière-plan à l’aide du Web Ouvriers – Leçon 2 exécution d’un traitement asynchrone à l’aide de Web Workers 00:15:00
20480C – Module 14 Exécution d’un traitement en arrière-plan à l’aide du Web Ouvriers – Atelier Création d’un processus de travail Web 00:30:00
20480C – Module 15 Empaquetage de JavaScript pour le déploiement de la production – Leçon 1 Comprendre les transformateurs et le regroupement de modules 00:19:00
20480C – Module 15 Empaquetage de JavaScript pour le déploiement de la production – Leçon 2 Création de packages séparés pour la prise en charge multi -navigateurs 00:08:00
20480C – Module 15 Empaquetage de JavaScript pour le déploiement de la production – Atelier Configuration de Webpack Bundle pour la production 00:30:00
Questionnaire d’évaluation de la formation Durée illimitée
Connection a VMware Horizon pour accéder a votre machine pour les labos ou d’examen 00:05:00