Global Knowledge

Programmer en HTML5 avec JavaScript et CSS3

Par Global Knowledge

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

Pédagogie

MOYENS PEDAGOGIQUES, TECHNIQUES ET D'ENCADREMENT

Support de cours officiel Microsoft remis aux participants. Ce support Microsoft est unique pour chaque participant, après création préalable d'un compte personnel sur le site SkillPipe (http://skillpipe.courseware-marketplace.com), et reste disponible à tout moment (en ligne ou hors ligne). Pour profiter pleinement du support électronique dès le 1er jour, nous invitons les participants à se munir d'un PC ou d'une tablette, qu’ils pourront connecter en WiFi dans nos locaux de Rueil, Lyon ou Lille.

Méthodes pédagogiques

Chacun des modules composant le cours est divisé en leçons. Ces leçons s’articulent de la façon suivante : Des exposés théoriques et présentations multimédias permettant de traiter le contenu des leçons, d’en exposer et d’en illustrer les procédures. Des ateliers à la fin de chaque module permettent aux stagiaires de s’exercer aux tâches décrites et appliquées dans tout le module.

Moyens pédagogiques

Le formateur possède un Manuel Instructeur comportant le déroulé pédagogique du cours. Les stagiaires accèdent à leur Manuel officiel au format électronique, exposant les sujets traités, les exercices et ateliers ; ainsi que différents liens renvoyant à des ressources ayant rapport avec le cours, des lectures complémentaires, et les réponses aux questions des ateliers.Global Knowledge dispose d’un accès Wifi dans tous ses centres afin de permettre aux stagiaires d’accéder à leur support depuis leur périphérique

MOYENS POUR SUIVRE SON EXECUTION ET EN APPRECIER LES RESULTATS

Compte-rendu formateur

Les instructeurs remplissent un compte-rendu dès la fin de la première journée de formation dans le but de signaler toute « anomalie » ou difficulté, relevant soit de l’installation de sa salle, soit des stagiaires présents (niveau de compétences insuffisant par exemple). Selon la nature du problème remonté, le cas échéant, nous prenons alors des mesures correctives, en accord avec le participant et son entreprise.

Evaluation stagiaire

Chaque participant, à l’issue du stage, répond à un questionnaire individuel d’évaluation à «chaud» pour exprimer son ressenti sur la formation suivie, sur les connaissances acquises, sur les qualités techniques et pédagogiques du formateur, sur les conditions matérielles, etc.

Formations de la même catégories (5)

Global Knowledge
HTML5, CSS3, JavaScript : développement clientPar Global Knowledge

Initialement destinés au partage d'information, le Web et les standards d'Internet ont démontré leur capacité de s’imposer pour la mise en œuvre d’applications d’entreprise. Cette formation vous permet de maîtriser le développement de sites Web, dans le respect des standards d'interopérabilité et d'accessibilité du W3C. Le langage HTML devenu universel, comme support de communication entre Clients et Serveurs, il est nécessaire de le maîtriser. Cette formation est le point d’entrée pour tous les types de développement Web (Java, PHP, C++, C# …) respectant le responsive design, le modèle MVC. Elle vous apprend à créer des IHM riches. Elle aborde tous les concepts importants des langages et de leurs évolutions HTML, CSS, JavaScript et introduit les frameworks BootStrap, Ajax pour une meilleure dynamique du site et une conception « mobile first ».

Cette formation s'appuie sur de nombreux exemples concrets que les participants mettront en œuvre et pourront réutiliser.

Arkesys
HTML5, CSS3 et JavaScript - Développer des applications HTML5 Responsives avec JavaScript et CSS3Par Arkesys

Dans cette formation, vous apprendrez à créer des applications Web côté client avec les standards HTML5, CSS3 et JavaScript. Vous étudierez également les différentes approches d'adaptation de l'interface graphique et de l'ergonomie en fonction de l'appareil utilisé (smartphone, tablette, PC) et intégrerez des appels vers des Services Web de type REST et WebSocket à votre application.

Dawan
HTML/CSS : Fondamentaux + JavaScriptPar Dawan

Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML

Orsys
HTML5, maîtriser les API JavaScriptPar Orsys

Vous apprendrez dans cette formation à mettre en œuvre les différentes API JavaScript proposées par les nouvelles spécifications HTML5. Vous manipulerez ainsi celles dédiées au stockage des données, à la communication client/serveur ou encore à la géolocalisation.

Ambient IT
HTML – CSS – JSPar Ambient IT

L’objectif est de présenter ces trois langages clés du web : HTML pour la construction de pages web, CSS pour la mise en forme des éléments et JavaScript pour ajouter du comportement dynamique.

Les bases a pour objectif de vous permettre de passer d’une idée à une page HTML. Cette formation vous apporte toutes les clés pour mettre en place des sites Web en utilisant toutes les bonnes pratiques HTML et CSS, ainsi que la mise en place du Javascipt pour le dynamisme.