JAVASCRIPT MODERNE (ES6+)

• Variables : const, let, var — portée, hoisting et bonnes pratiques
• Fonctions : déclaration, expression, arrow functions, paramètres par défaut
• Structures de données : destructuring, spread/rest, Map, Set
• Classes ES6 : constructeur, méthodes, héritage avec extends
• Atelier : réécriture de scripts ES5 en JavaScript moderne

MANIPULATION DU DOM

• Sélection d'éléments : querySelector, querySelectorAll, getElementById
• Modification du DOM : innerHTML, textContent, style, classList
• Création et suppression d'éléments : createElement, appendChild, remove
• Événements : addEventListener, propagation, délégation d'événements
• Atelier : liste de tâches interactive (CRUD complet côté client)

FORMULAIRES ET ASYNCHRONE

• Validation de formulaires : contraintes HTML5, API Constraint Validation
• Gestion de la soumission : preventDefault, lecture des données, feedback
• Promises : création, then/catch/finally, chaînage, Promise.all
• Fetch API : requêtes GET/POST, headers, gestion des erreurs HTTP
• Atelier : formulaire de contact avec validation et envoi vers une API REST

STOCKAGE ET DÉBOGAGE

• LocalStorage et sessionStorage : get/set/remove, sérialisation JSON
• Cookies : lecture, écriture, durée de vie, sécurité SameSite/Secure
• DevTools : breakpoints, console, network, performance basique
• Gestion des erreurs : try/catch, error types, messages utiles
• Atelier : application de filtrage de données avec persistance locale

PROJET ET ÉVALUATION FINALE

• Livrable : mini-application web interactive (panier, quiz ou dashboard)
• Format : démonstration fonctionnelle dans le navigateur
• Critères : fonctionnalité, code propre ES6+, gestion des erreurs
• Revue collective : retours sur l'architecture et les choix techniques
• Bilan : roadmap vers React, Vue.js et Node.js