#Slides — Web frontend
Parcours visuel en cinq étapes, une par section du module :
- HTML sémantique : avant/après d'un formulaire div-itis, la vue_accessibility de la DevTools comme preuve.
- CSS layout : Grid pour les régions, Flexbox pour les alignements, variables pour le thème sombre.
- JS progressif : le formulaire qui marche sans script, la boucle d'événements schématisée (stack, microtâches, tâches, rendu).
- Accessibilité : le cycle d'un modal (ouvrir, annoncer, piéger le focus, échapper, restituer).
- Performance : Core Web Vitals, budgets d'octets, avant/après d'un LCP d'en-tête.
Chaque diapositive gagne à montrer une mesure (chiffre avant, chiffre après) plutôt qu'une liste de conseils.