ECMAScript 6 - Mise en oeuvre

Formation créée le 08/03/2023. Dernière mise à jour le 20/03/2023.
Version du programme : 1

Type de formation

Formation à distance

Durée de formation

21 heures (3 jours)

ECMAScript 6 - Mise en oeuvre


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...