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 ?