ECMAScript 6 - Mise en oeuvre
Formation créée le 08/03/2023. Dernière mise à jour le 20/03/2023.
Version du programme : 1
Programme de la formation
Objectif de formation : Cette formation vous permettra d'utiliser en production dès aujourd'hui les nouvelles fonctionnalités des dernières versions EcmaScript
Objectifs de la formation
- Découvrir les nouveautés syntaxiques du JavaScript
- Utiliser les nouvelles API
- Déployer ES6 en production
- Appréhender l'évolution des frameworks du Front-End et s'y préparer
- Maîtriser les nouvelles méthodes de développement JavaScript
Profil des bénéficiaires
Pour qui
- Développeurs JavaScript confirmés
- Architectes
- Chefs de projets
Prérequis
- Solides connaissance de JavasScript
- Fondamentaux des composants du Web
Contenu de la formation
-
Introduction & historique
- EcmaScript : évolution & "roadmap"
- ES5, rappel des Best Practices
- Instauration de règles de programmation
- ES5 ''use strict" & méthodes moins connues
- API issues de la communauté JavaScript
- Support courant pour ES6 : compilateurs, polifylls, navigateurs serveurs
- Environnement & outils pour le développeur
- Travaux pratiques : Programmation d'un micro framework applicatif JavaScript
-
Evolutions syntaxiques fondamentales
- Constantes et variables de bloc
- Assignation destructurée
- Chaînes de caractères
- Fonction, paramètres par défaut, opérateurs "rest/spread"
- Arrow Function
- Fonction génératrice
- Fonction itératrice
- Objet littéral
- 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
- 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
- Gestion des traitements asynchrones avec promise, async/await
- Revisiter les méthodes : Object.API
- 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" & 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 & solutions
- Création de package avec npm, bower et jspm
- Choisir entre RequireJS, Browserify, WebPack et SystemJS
- Interactions avec les autres outils
- Travaux pratiques : Création et intégration de package dans le développement.
Équipe pédagogique
Professionnel expert technique et pédagogique.
Suivi de l'exécution et évaluation des résultats
- Émargement numérique
- Mises en situation
- Formulaires d’évaluation de la formation
- Certificat de réalisation de l’action de formation
Ressources techniques et pédagogiques
- Espace intranet de formation
- Documents supports de formation projetés
- Exposés théoriques
- Étude de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation
Qualité et satisfaction
Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation...