Avancé

JavaScript

Maîtrisez le langage incontournable du web — de la manipulation du DOM aux fonctions asynchrones.

Durée estimée
4 jours — 28h
📊
Niveau
Avancé
🎓

Objectifs pédagogiques

  • Maîtriser les fondamentaux JavaScript ES6+ (closures, prototypes, modules).
  • Manipuler le DOM et gérer les événements de manière performante.
  • Gérer l'asynchrone avec Promises et async/await.
  • Consommer des APIs REST avec fetch.
  • Organiser et tester son code avec les modules ES6 et Jest.

Prérequis

  • HTML5 et CSS3 maîtrisés.

Programme indicatif

Module 1 — JavaScript ES6+ et fondamentaux avancés
  • Maîtriser let, const, destructuring, spread/rest operators.
  • Comprendre la portée lexicale, les closures et le hoisting.
  • Utiliser les arrow functions, template literals et optional chaining.
  • Travailler avec les classes ES6 et l'héritage prototypal.
Module 2 — Manipulation du DOM et événements
  • Sélectionner et modifier les éléments du DOM avec les APIs modernes.
  • Gérer les événements avec addEventListener et la délégation d'événements.
  • Créer et supprimer des éléments dynamiquement.
  • Optimiser les performances DOM avec DocumentFragment et requestAnimationFrame.
Module 3 — Programmation asynchrone
  • Comprendre l'event loop, la call stack et la task queue.
  • Maîtriser les Promises, Promise.all et Promise.race.
  • Utiliser async/await pour un code asynchrone lisible et maintenable.
  • Gérer les erreurs asynchrones avec try/catch et Promise.catch.
Module 4 — APIs REST et fetch
  • Consommer des APIs REST avec fetch et Axios.
  • Gérer les headers, les méthodes HTTP et les codes de réponse.
  • Implémenter l'authentification par token (Bearer, JWT).
  • Gérer le cache et les erreurs réseau de manière robuste.
Module 5 — Modules, outils et projet final
  • Organiser son code avec les modules ES6 (import/export).
  • Configurer un environnement de build avec Vite.
  • Écrire des tests unitaires avec Jest.
  • Projet final : application web JavaScript complète consommant une API REST.
Un programme adapté à votre niveau réel

Ce programme est indicatif. Pour un parcours vraiment sur mesure, commencez par vous entraîner et évaluer votre niveau avec le quiz CodeDuel. Contactez-nous ensuite — notre IA détecte précisément vos gaps et nous construisons un programme adapté à votre niveau réel.

Parcours associé

Cette formation fait partie du parcours Développeur Full Stack Web.

Voir le parcours complet

Prêt à démarrer ?

Contactez-nous pour construire votre parcours sur mesure.