Objectifs

-Appréhender les concepts avancés JavaScript
-Découvrir la Programmation -Orientée Objet en JavaScript
-Mettre en œuvre le framework JavaScript jQuery
-Manipuler les API JavaScript HTML5

Programme

– Les méthodes de création dynamique d’objets.

– La gestion des événements. Les objets de type Event.

– Structure de données XML et JSON

– Les méthodes avancées en ES5.
Travaux pratiques
Echange de données JSON. Création d’événements

– Fonctionnement et intégration.

– Gestion et délégation des événements.

– jQuery pour des échanges Ajax et la gestion des formulaires.
Travaux pratiques
Création d’un plugin jQuery.

– Les nouveautés principales.

– TypeScript, Babel, Traceur.

– ES6 en production.
Travaux pratiques
Mise en production de code ES2015 avec TypeScript et Node.js.

– Rappels sur l’objet.

– La chaîne de portée. La chaîne de prototype.

– Méthodes. Héritage. Portée des données privées et publiques.

– Mapping et sérialisation.

– Design Pattern Clés en JavaScript.

– Closure function.

– Singleton et Modules.
Travaux pratiques
Développer un framework de gestion du DOM.

– Goulot d’étranglement des phases de chargement d’une page Web

– Analyse fine des performances de bout en bout avec Navigation Timing API

– Rendre le code Javascript plus efficace avec Closure Compiler

– Gestion mémoire et Garbage collector

– Synthèse des outils de tests (JsUnit, SugarTest, etc.)

– Tester efficacement la compatibilité multi navigateurs

– Debugger avec Chrome Devtools et Firefox Developer
Travaux pratiques
Recherche de bugs et optimisation des performances avec les ChromeDevtools.

– Solutions de stockage embarqué de données : SQLite, LocalStorage, Cookies.

– Compenser les latences de communication.

– JSON Web Token, sécuriser les échanges.

– XMLHttpRequest, consommation de services distants.

– Serveur JavaScript Node.js.
Travaux pratiques
Appel de services Web. Utiliser une base embarquée, échanges avec la base distante.

– Gestion des API multimédia.

– Modes de communication client/serveur.

– Utilisation des Web Worker.

– Le développement mobile « offline first ».

– Optimisation des communications client/serveur.
Travaux pratiques
Manipulation JavaScript sous HTML5.

Référence :  WEB021

Type de Stage : Pratique

Durée : 4 jours

Public concerné:

Développeurs et chefs de projets
Web.

Prérequis:

Bonnes connaissances en
JavaScript et HTML.
Connaissances de base de XML.