LA FORMATION A LA MESURE DE L'ENTREPRISE

* = Ces champs sont obligatoires

Programmer en HTML5 avec JavaScript et CSS3 - M20480

Cible

Professionnel IT

Prérequis

  • 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

Programme

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

Détails :

Durée :  5  jours
Participants : 8