Formation JavaScript - Nouveautés apportées par les versions ECMAScript 6 à 15

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 (ECMAScript 6)

• Mot-clé "let"
• Assignation des variables
• Constantes
• Modification des API
• Utilisation de la nouvelle syntaxe des "arrow functions"
• Assignations déstructuré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 (ECMAScript 6)

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

Apports de ES2016 (ECMAScript 7)

• La fonction Array.prototype.includes()
• 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()

Apports de ES2019 (ECMAScript 10)

• Nouvelles fonctions sur le type Array

Apports de ES2020 (ECMAScript 11)

• Le type BigInt
• Modifications dans les opérateurs

Apports de ES2021 (ECMAScript 12)

• Séparateur numérique
• String replaceAll()
• Opérateur logique pour l'assignation
• Promise.any()
• Accessibilité "private" pour les méthodes
• WeakReference pour le "Garbage Collector" de JavaScript

Apports de ES2022 (ECMAScript 13)

• Accessibilité "private" pour les attributs
• Bloc d'initialisation statique
• Ajout d'indice pour les expressions régulières
• Nouvelles fonctionnalités des promesses
• Nouvelles fonctionnalités des tableaux
• Object.hasOwn()
• La cause des erreurs

Apports de ES2023 (ECMAScript 14)

• Nouvelles fonctionnalités de recherche des tableaux
• L'opérateur Pipeline
• Les Records et les Tuples
• WeakMap pour le "Garbage Collector" de JavaScript
• Nouvelles fonctionnalités des tableaux
• Générateur et itérateur asynchrone

Apports de ES2024 (ECMAScript 15)

• Regrouper avec Object.groupBy et Map.groupBy
• Top Level Await
• Opérateur Pipeline
• Les records et les Tuples
• L'API Temporal
• L'API Realms
• Les décorateurs

Exemple de travaux pratiques (à titre indicatif)

• Ecriture de sources JavaScript permettant de mettre en oeuvre les apports des versions 2016 à 2024 de JavaScript

Apports de ES2025 (ECMAScript 16)

• Chaîner sur un itérateur
• Composer des collections avec les nouvelles méthodes Set
• Importer des données structurées avec JSON modules et import attributes
• Envelopper une fonction synchrone avec Promise.try
• Manipuler des nombres flottants 16 bits avec Float16Array
• Echapper proprement avec RegExp.escape
• Sommer sans erreur d'arrondi avec Math.sumPrecise