Formation JavaScript - Nouveautés apportées par les versions ECMAScript 6 à 9 – Centre de formation M2i
M2i Formation

Découvrez notre formationJavaScript - Nouveautés apportées par les versions ECMAScript 6 à 9

Présentiel

2 jours (14 heures) - JVS-EC

Accueil  ›  Formations Informatique  ›  Langages et développement  ›  Développeur Web HTML 5, CSS 3 et JavaScript  ›  JavaScript - Nouveautés apportées par les versions ECMAScript 6 à 9

Objectifs pédagogiques

  • Connaître et utiliser les apports de la norme ES2015, ou ECMAScript 6
  • Connaître ES2016 (ECMAScript 7), ES2017 et ES2018 (ECMAScript 8 et 9)
  • Exploiter ces particularités dans les nouveaux projets.

Niveau requis

Avoir une bonne connaissance de JavaScript et des fondamentaux de l'objet.

Public concerné

Développeurs ayant à réaliser des applications Web responsives.


Cette formation est éligible au CPF

Paris La Défense08/06/20201 200 € HTDates proposées dans les agences M2iRéserver
Paris La Défense14/09/20201 200 € HTDates proposées dans les agences M2iRéserver
Paris La Défense16/11/20201 200 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Certification : M2i Langages de Programmation (+ 120€)

Jour 1

Introduction

  • Rappels sur les aspects avancés de JavaScript
  • Synthèse des apports de ES2015 et ES2016
  • Compatibilité actuelle des browsers
  • Tour d'horizon des outils de développement et d'intégration actuelle
  • Compilateurs disponibles

Apports de ES2015

  • Mot-clé "let"
  • Assignation des variables
  • Constantes
  • Modification des API
  • Utilisation de la nouvelle syntaxe des "arrow functions"
  • Assignations destructurées
  • Formatage des chaînes de caractères
  • Object API, les nouvelles méthodes

Exemples de travaux pratiques (à titre indicatif)

  • Utilisation des nouvelles syntaxes de ES2015
  • Utilisation de "let", fonctions arrow et formatage

Programmation objet en ES2015

  • Classe et héritage
  • Méthodes statiques
  • Création de proxy
  • Nouveaux types
    • Set
    • Map
  • Nouveaux objets héritables

Exemples de travaux pratiques (à titre indicatif)

  • Création d'un projet à base de classes
  • Utilisation de nouveaux types

Modularisation en ES2015

  • Modularisation avec AMD et CommonJS
  • Modularisation avec ES2015
  • Différences entre les trois approches de modularisation
  • Façons pour l'utiliser
  • Gestion des dépendances
  • "Dynamique loading"

Exemples de travaux pratiques (à titre indicatif)

  • Modularisation du projet préalablement conçu avec AMD puis avec ES2015
  • Gestion de dépendances

Jour 2

Itérateurs et générateurs

  • Création d'un itérateur
  • Toutes les nouvelles boucles "For"
  • Création d'un générateur
  • Exploitation d'un générateur

Asynchronisme avec JavaScript

  • Présentation des "promises"
  • Création et utilisation des "promises"

Exemple de travaux pratiques (à titre indicatif)

  • Création d'un projet en utilisant des "promises" et "promises" chaînées

Déployer une application JavaScript à partir de ES2015

  • JavaScript et TypeScript
  • Transpileurs
  • Package managers
  • Traceurs
  • Produit "Babel"
  • Nécessité de packager son code
  • Gestion des packages avec npm
  • Outils de Lint et de test

Exemple de travaux pratiques (à titre indicatif)

  • Utilisation du transpileur Babel pour exécuter JavaScript sur d'anciens browsers

Apports de ES2016 (ECMAScript 7)

  • La fonction Array.prototype.include()
  • L'opérateur Exponentiation

Apports de ES2017 (ECMAScript 8)

  • Async functions
  • Shared memory et les atomics

Apports de ES2018 (ECMAScript 9)

  • Les itérations asynchrones
  • Les propriétés REST / Spread
  • Nouvelles expressions régulières
  • La fonctionnalité Promise.prototype.finally()

Exemple de travaux pratiques (à titre indicatif)

  • Ecriture de sources JavaScript permettant de mettre en oeuvre les apports des versions 2016, 2017 et 2018 de JavaScript

Certification (en option)

  • Nos tests de validation des compétences font partie intégrante du processus d'apprentissage car ils permettent de développer différents niveaux d'abstractions.
  • Solliciter l'apprenant à l'aide de nos QCM, c'est lui permettre d'étayer sa réflexion en mobilisant sa mémoire pour choisir la bonne réponse. Nous sommes bien dans une technique d'ancrage mémoriel.
  • L'examen sera passé à la fin de la formation.

Les + de la formation

L'examen de certification (proposé en option) est en français.

Testez vos connaissances

Objectif : Ce test a pour objectif de tester vos connaissances sur le langage JavaScript et ses implications objet.

Complétez votre formation