JavaScript

JavaScript — modularité, performance et API navigateur

Écrivez du JavaScript qui tient sur la durée : modules, architecture d'état, gestion fine du cycle de vie et optimisation du rendu.

Commencer le cours

16 leçons · 5 h 16 · Niveau avance · 100 % gratuit

Ce que vous saurez faire

  • Découper une application en modules avec des responsabilités claires
  • Structurer un état applicatif prévisible et testable
  • Optimiser le rendu : batch des modifications, mémoïsation, chargement différé
  • Exploiter les API navigateur utiles : IntersectionObserver, Web Storage, Clipboard

Prérequis

  • Maîtriser le DOM, les événements et async/await
  • Avoir déjà développé une interface JavaScript de plusieurs fichiers
Le fil rouge du cours

un gestionnaire de tâches qui conserve les données dans le navigateur et affiche sa progression

Programme

1 Découper l’application en modules 3 leçons
  1. Définir les responsabilités des modules 12 min
  2. Créer des modules ES réutilisables 20 min
  3. Maîtriser le graphe de dépendances 20 min
2 Rendre l’état prévisible et testable 3 leçons
  1. Définir la forme de l’état 15 min
  2. Faire évoluer l’état par des actions 25 min
  3. Tester les transitions sans navigateur 15 min
3 Gérer le cycle de vie et les API du navigateur 4 leçons
  1. Centraliser les interactions avec le DOM 25 min
  2. Persister les tâches avec Web Storage 25 min
  3. Observer la progression à l’écran 20 min
  4. Copier un résumé avec Clipboard 20 min
4 Optimiser les mises à jour et le rendu 3 leçons
  1. Regrouper les modifications du DOM 12 min
  2. Éviter les calculs répétés 12 min
  3. Charger une fonctionnalité à la demande 20 min
5 Projet pratique : livrer le gestionnaire de tâches 3 leçons
  1. Assembler l’application et ses interfaces 30 min
  2. Vérifier la restauration et les interactions 25 min
  3. Mesurer et contrôler le rendu final 20 min

Validation du cours

Un quiz de 12 questions vérifie que le parcours est acquis. Il faut 80 % de bonnes réponses pour valider le cours. Les tentatives sont illimitées, seul le meilleur score est conservé.

Passer le quiz

Envie d'aller plus loin ?

Les cours Enovatic sont gratuits et le resteront. Si vous cherchez un accompagnement encadré, nos formations professionnelles sont animées par les mêmes formateurs.

Voir les formations +32 (0) 484 29 56 94