Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
> > > > Programmer en HTML5 avec JavaScript et CSS3

Programmer en HTML5 avec JavaScript et CSS3

html5

La formation Microsoft 20480 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. Cette formation intervient en démarrage de notre parcours de formation métier "Développeur Web".Formation éligible au Compte Personnel de Formation (CPF), permettant de préparer la Certification Microsoft Programmation en HTML5 avec JavaScript et CSS3, inscrite à l'inventaire de la CNCP.

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

Public

  • 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érequis

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

Programme de la formation

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éliorationd'un Process via Web Worker

  • ComprendreWeb 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