Fichiers, dossiers et DevTools
Objectifs
- Organiser un projet web simple
- Ouvrir DevTools
- Inspecter le DOM et les styles
Cours
Un site local commence souvent par index.html, styles.css, script.js. Les noms de fichiers sans espaces, en minuscules, avec tirets, évitent les surprises sur les serveurs Linux.
DevTools (F12 / Cmd+Option+I) : Elements pour le DOM, Styles pour le CSS calculé, Console pour les erreurs JS, Network pour les chargements.
L’onglet Accessibility et le contraste des couleurs te préparent déjà à concevoir des interfaces lisibles — un thème de toute l’année.
Habitude pro : dès qu’un bug apparaît, ouvre la Console avant de tout réécrire.
Évaluation
Évaluation
1. Où vois-tu les erreurs JavaScript ?