Aperçu du cours
Objectifs de formation : à l’issue de la formation, le stagiaire sera capable de développer des applications client riches à partir de concepts avancés JavaScript, en mettant en oeuvre les normes Ecmascript et en mobilisant les bons outils et frameworks associés.
Prérequis
- Avoir des connaissances pratiques en JavaScript, HTML et CSS
- Posséder des connaissances de base de XML
Objectifs pédagogiques
- Découvrir les concepts avancés JavaScript ES5
- Mettre en pratique la Programmation Orientée Objet
- Maîtriser l'environnement de débogage
- Mettre en oeuvre le framework JavaScript jQuery
- Manipuler les API JavaScript HTML5
- Appréhender la notion de JavaScript côté serveur avec Node.js
Public ciblé
- Développeurs Web
- Architectes web
- Chefs de projet
- Webmasters
Programme de formation
-
Rappels des notions
-
Méthodes de création dynamique d’objets
-
Phases des événements capture, capturing, bubble
-
Événements & objets de type Event
-
XML & JSON
-
ES5 : méthodes avancées
-
Travaux pratiques : Échange de données JSON, mise en place d’événements
-
-
Framework jQuery
-
Présentation de jQuery
-
Fonctionnement & installation
-
Gestion et délégation des événements
-
jQuery & Ajax
-
Gestion des formulaires
-
Travaux pratiques : Création et implémentation d’un plugin jQuery
-
-
Présentation de ES6/2015
-
Comparatif ES5 vs. ES6
-
Les superset JS
-
ES6 en production
-
Travaux pratiques : Mise en production de code ES2015
-
-
POO : programmation orientée objet
-
Rappels sur l’objet & les propriétés
-
Chaine de portée & chaine de prototype
-
Méthodes & héritage
-
Portée des données privées et publiques
-
Mapping & sérialisation
-
Design Pattern Clés en JS
-
Closure function, Singleton & Modules
-
Travaux pratiques : mise en oeuvre de la POO
-
-
Expressions régulières
-
Structure et syntaxe
-
Validation asynchrone
-
Travaux pratiques : Contrôle de dates
-
-
Environnement de données, interactions
-
Solutions de stockage embarqué de données
-
Compensation des latences de communication
-
JSON Web Token
-
XMLHttpRequest
-
Serveur JS Node.js
-
Travaux pratiques : Appel de service Web, utilisation d’une base embarquée et échanges avec une base distante
-
-
JS & HTML5
-
Nouveaux événements
-
API Multimédia
-
Communication client/serveur
-
Web Worker
-
Développement mobile offline first
-
Amélioration des communications client/serveur
-
Travaux pratiques : exercices autour de JS sous HTML5
-
Instructeur
