S'INSCRIRE
Nos formations :
Formation ECMAScript 6, mise en oeuvre
anticiper la migration des applications
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
Le langage JavaScript est devenu un langage incontournable dans les développements Web et mobiles tant côté client que côté serveur avec notamment Node.js. Cette formation vous permettra d'utiliser en production dès aujourd'hui les nouvelles fonctionnalités des dernières versions EcmaScript (2015, 2016, 2017).
Objectifs pédagogiques
- Découvrir les nouveautés syntaxiques du JavaScript
- Maîtriser les nouvelles API
- Utiliser ES6 en production
- Anticiper l'évolution des frameworks du Front-End
- Se préparer aux nouvelles méthodes de développement JavaScript
Travaux pratiques
Méthodes pédagogiques
De JavaScript ES5 à ES2017
- EcmaScript : évolution et "roadmap".
- ES5, rappel des bonnes pratiques. Etablir les règles de programmation.
- ES5 ''use strict" et méthodes moins connues.
- API issues de la communauté JavaScript.
- Support courant pour ES6 : compilateurs, polifylls, navigateurs serveurs.
- Environnement et outils pour le développeur.
Travaux pratiques
Vous programmerez, à partir d'exemples fournis, un micro framework applicatif JavaScript.
Evolutions syntaxiques fondamentales
- Constantes et variables de bloc. Assignation destructurée.
- Chaînes de caractères : multiligne, template, formatage.
- Fonction, paramètres par défaut, opérateurs "rest/spread".
- "Arrow Function" : portée lexicale. Usages.
- Fonction génératrice : "yield" et "generator object".
- Fonction itératrice : "iterator".
- Objet littéral : évolution.
Travaux pratiques
Migration du code vers ES6.
POO, nouveautés pour la conception Objet
- Modèles de classe et héritage. Méthodes statiques.
- Création de "proxy". Design pattern.
- Nouveaux types : Set, Weakset, Map, Weakmap.
- Objets natifs héritables.
Travaux pratiques
Organisation et structuration du code pour une approche Objet par classe. Révision des "Design Pattern".
Nouvelles API JavaScript avec ES6
- Promise, async/await : gestion des traitements asynchrones.
- Object.API : revisiter les méthodes.
Travaux pratiques
Développement d'un service de données Ajax utilisant l'API des Promise.
Modules JavaScript
- Asynchronous Module Definition ou CommonJS.
- Système natif de gestion des modules.
- Gestion et résolution des dépendances.
- Chargement dynamique.
Travaux pratiques
Structurer son développement par modules.
Mise en production
- Stratégie : "transpiler", "package manager" et système de module.
- Choix du "transpiler" : présentation des solutions (Traceur, Babel).
- Typage : mise en œuvre de TypeScript, Flow.
- Pourquoi "packager" son code ? Avantages et solutions.
- Création de package avec npm, bower et jspm.
- Choisir entre RequireJS, Browserify, WebPack et SystemJS.
- Interactions avec les autres outils (linting, test...).
Travaux pratiques
Création et intégration de package dans le développement.
» Participants
» Prérequis
| Xavier F. 09/12/2019 |
5 / 5
|
| Steve C. 09/12/2019 |
5 / 5
|
| Stéphane L. 09/12/2019 |
5 / 5
|
Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.
