Au calendrier
Sélectionnez
En français
Sélectionnez un lieu
  • Durée: 5 jours
  • Prix régulier: CA$2,780.00
  • Prix préférentiel: CA$2,505.00
  • Matériel pédagogique inclus

20480 - Programmer en HTML5 avec JavaScript et CSS3

Référence : © Microsoft 20480B (Programming in HTML5 with JavaScript and CSS3)

Durée: 5 jours

Cette formation est une introduction à HTML5, CSS3 et JavaScript. Elle fournit les bases en programmation HTML5/CSS3/JavaScript et se concentre sur l'utilisation de ces langages pour mettre en œuvre la logique de programmation, créer et utiliser des variables, réaliser des boucles, développer des interfaces utilisateurs, capturer et valider des entrées utilisateurs, stocker des données et créer des applications structurées. Les participants apprennent comment utiliser HTML5, CSS3 et JavaScript pour construire des applications Web évolutives qui peuvent dynamiquement détecter et s’adapter à différentes capacités de périphériques et de formats.

Langues d'enseignement

Cette formation est offerte en français ou en anglais (EN). Notez que le matériel didactique officiel est disponible en anglais seulement.

Public concerné

Cette formation s’adresse à des développeurs qui ont 6 à 12 mois d’expérience dans le développement et qui s’intéressent au développement d’applications utilisant HTML5 avec CSS3 et JavaScript.

Préalables

Avant de suivre cette formation, les participants doivent avoir au moins 3 mois d’expérience dans le monde du développement Web, incluant l'écriture du code Javascript, la création d'applications Windows et l'utilisation de Visual Studio 2017.

Objectifs

  • Expliquer comment utiliser Visual Studio 2017 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
  • Rendre interactif une page HTML5 en utilisant JavaScript
  • Créer des formulaires HTML5 en utilisant différents types d’entrées et valider les entrées utilisateur en utilisant les attributs HTML5 et le code JavaScript
  • Envoyer et recevoir des données de et à partir d’une source distante en utilisant des objets XMLHTTPRequest et Fetch APL
  • Styliser des pages HTML5 avec CSS3
  • Créer du code JavaScript correctement structuré et facilement gérable
  • Ecrire du code Javascript et utiliser Babel pour le rendre compatible avec tous les navigateurs
  • Utiliser des APIs HTML5 courantes dans des applications Web interactives
  • Créer des applications Web supportant des opérations hors connexion
  • Créer des pages Web HTML5 qui peuvent prendre en charge différents types de périphériques et de formats
  • Ajouter des graphiques avancés sur une page HTML5 en utilisant des éléments Canvas et Scalable Vector Graphics
  • Améliorer l’expérience utilisateur en ajoutant des animations à une page HTML5
  • Utiliser des sockets Web pour envoyer et recevoir des données entre une application Web et un serveur
  • Améliorer le temps de réponse d’une application Web qui réalise de longues opérations en utilisant les Web Worker Processes
Contenu

Présentation de HTML et CSS

  • Présentation de HTML
  • Présentation de CSS
  • Création d’une application Web en utilisant Visual Studio 2017

Création et stylisation de pages HTML

  • Création d’une page HTML5
  • Stylisation d’une page HTML5

Introduction à JavaScript

  • Présentation de JavaScript
  • Introduction à DOM (Document Object Model)
  • Introduction à jQuery

Création de formulaires pour collecter et valider des entrées utilisateur

  • Création de formulaires HTML5
  • Validation des entrées utilisateur en utilisant les attributs HTML5
  • Validation des entrées utilisateur en utilisant JavaScript

Communication avec un serveur distant

  • Programmation Async dans Javascript
  • Envoyer et recevoir les données via l'objet XMLHttpRequest
  • Envoyer et recevoir les données via l'API Fetch

Stylisation HTML5 en utilisant CSS3

  • Stylisation de texte
  • Stylisation de blocs d’éléments
  • Pseudo-classes et pseudo-éléments
  • Amélioration des effets graphiques en utilisant CSS3

Création d’objets et de méthodes en utilisant JavaScript

  • Ecriture de codes JavaScript correctement structuré
  • Création d’objets personnalisés
  • Extension d’objets

Création de pages interactives en utilisant les APIs HTML5

  • Interaction avec les fichiers
  • Incorporation du multimédia
  • Réaction à la localisation du navigateur et du contexte
  • Dépannage et profilage d’une application Web

Ajout du support hors connexion aux applications Web

  • Lire et écrire des données localement
  • Ajouter le support hors connexion via Application Cache

Mise en œuvre d’une interface utilisateur adaptable

  • Support du formulaire multi-facteurs
  • Création d’une interface utilisateur adaptable

Création de graphiques avancés

  • Création de graphiques interactifs en utilisant Scalable Vector Graphics
  • Graphiques dessinés informatiquement en utilisant un Canvas API

Animation d’une interface utilisateur

  • Application de transitions CSS
  • Transformation d’éléments
  • Application d’animations CSS key-frame

Mise en œuvre de communications en temps réel en utilisant des sockets web

  • Introduction aux sockets web
  • Utilisation de socket Web API

Amélioration d’un Process via Web Worker

  • Comprendre Web Worker
  • Amélioration du processing asynchrone en utilisant un Web Worker

Packager Javascript pour le déploiement de la production

  • Comprendre les transpilers et le module bundling
  • Créer des package séparés pour le support des navigateurs
Examen & CertificationCette formation constitue un tronc commun indispensable pour tous les professionnels qui souhaitent aller plus loin sur le développement d'applications Web ou Windows avec HTML5, car elle prépare à l'examen 70-480 qui est obligatoire pour atteindre le titre de certification MCSA Web Applications

Savoir s’entourer des meilleurs

Simon Bourassa
Formateur et conseiller en TI
Simon est passionné par le développement logiciel et le développement de produits, mais avant tout par l’ensemble des gens cachés derrière ces codes, qui travaillent main dans la main pour développer des solutions innovantes.
Pierre-Edouard Brondel
Pierre-Edouard Brondel
Formateur et conseiller en bureautique
Expert en pédagogie dans le domaine des technologies et de la bureautique cumulant plus de 25 ans d’expérience, Pierre-Édouard est d’abord et avant tout un passionné de capital humain.
Valère Drainville
Valère Drainville
Formateur et conseiller en efficacité professionnelle
Expert en collaboration et en efficacité professionnelle, Valère Drainville saura vous accompagner dans l’adoption et la gestion de vos outils de travail collaboratifs.
Frédéric Paradis
Formateur certifié et architecte en solutions infonuagiques
Formateur certifié Microsoft, Frédéric se décrit comme un magicien de l’infonuagique, cet espace mythique entre technologie et réalité.