← Retour aux formations

Développement Web & No-Code

JavaScript moderne (ES6 à ES2025) : anticiper la migration des applications

Avancé
Développement Web & No-Code

À propos de cette formation

Cette formation permet aux développeurs JavaScript confirmés de s'approprier les fonctionnalités introduites par les versions récentes d'EcmaScript (2015 à 2025). Elle couvre les évolutions syntaxiques fondamentales, la programmation orientée objet, les nouvelles API, la gestion des modules et les outils de mise en production (transpileurs, bundlers, gestionnaires de paquets).

Objectifs de la formation

  • check_circleIdentifier et appliquer les nouvelles constructions syntaxiques introduites par ES6 et les versions suivantes
  • check_circleExploiter les API natives d'EcmaScript pour la gestion de données, l'asynchronisme et la manipulation d'objets
  • check_circleMettre en place un environnement de build pour déployer du code ES6+ dans des navigateurs variés
  • check_circleComprendre les fondements communs aux frameworks modernes pour faciliter leur adoption
  • check_circleAdopter les pratiques actuelles de structuration, de typage et d'industrialisation du code JavaScript

Programme détaillé

Module 1 — De JavaScript ES5 à ES2017

  • Historique d'EcmaScript et feuille de route des versions
  • Rappel des bonnes pratiques ES5 et règles de programmation
  • Mode strict ('use strict') et méthodes ES5 méconnues
  • API issues de la communauté JavaScript
  • Compatibilité ES6 : compilateurs, polyfills, navigateurs et serveurs
  • Outillage et configuration de l'environnement de développement
  • Travaux pratiques : conception d'un micro-framework applicatif JavaScript à partir d'exemples fournis

Module 2 — Évolutions syntaxiques fondamentales

  • Constantes et variables de bloc (let, const), déstructuration
  • Chaînes de caractères : multiligne, template literals et formatage
  • Fonctions : paramètres par défaut, opérateurs rest et spread
  • Arrow functions : portée lexicale et cas d'usage
  • Fonctions génératrices : yield et objet generator
  • Itérateurs et protocole d'itération
  • Travaux pratiques : migration d'un code existant vers la syntaxe ES6

Module 3 — POO, nouveautés pour la conception Objet

  • Syntaxe de l'objet littéral : nouvelles formes d'écriture
  • Classes et héritage ES6 : déclaration, constructeur, méthodes statiques
  • Proxy et design patterns appliqués à JavaScript
  • Nouveaux types de collections : Set, WeakSet, Map, WeakMap
  • Objets natifs héritables
  • Travaux pratiques : structuration du code en classes et révision des Design Patterns

Module 4 — Nouvelles API JavaScript avec ES6

  • Promises et async/await pour la gestion de l'asynchronisme
  • Object API : nouvelles méthodes utilitaires
  • Travaux pratiques : développement d'un service de données AJAX basé sur les Promises

Module 5 — Modules JavaScript

  • AMD et CommonJS : formats de modules historiques
  • Système de modules natif ES6 (import/export)
  • Gestion et résolution des dépendances
  • Chargement dynamique de modules
  • Travaux pratiques : organisation d'un projet en modules ES6

Module 6 — Mise en production

  • Stratégie de déploiement : transpileur, gestionnaire de paquets et bundler
  • Choix du transpileur : présentation de Traceur et Babel
  • Typage statique : mise en œuvre avec TypeScript et Flow
  • Avantages du packaging et solutions disponibles
  • Création de packages avec npm, bower et jspm
  • Comparatif des bundlers : RequireJS, Browserify, WebPack et SystemJS
  • Interactions avec les outils de linting et de tests
  • Travaux pratiques : création et intégration de packages dans un projet

Prérequis

Maîtriser JavaScript (ES5 ou supérieur). Avoir des notions sur les composants web.