Le navigateur en action (+ DevTools)
Un navigateur est un programme qui récupère les fichiers HTML/CSS/JS d'un serveur et les transforme en une page visible et interactive ; DevTools (F12) est sa « radiographie » interne — il affiche chaque requête et chaque erreur. Pourquoi : dans le travail frontend (Phase 9), le navigateur est votre scène, et F12 est l'outil de débogage gratuit le plus puissant dont vous aurez jamais besoin — les propres fichiers www de votre application (Capacitor) sont littéralement une couche de navigateur. Quand : « la page est vide », « le bouton ne fonctionne pas », « les données ne sont pas arrivées », « c'est lent » — chacun de ces diagnostics commence à F12. Comment : URL → DNS (leçon 2) → HTTPS + GET (leçon 3) → reçoit le HTML → en le lisant, rencontre du CSS/JS/images et envoie de NOUVELLES requêtes pour chacun → rend la page → JS lui donne vie. Où : Chrome/Edge/Firefox sur votre PC ; WebView sur Android (un navigateur sans barre d'adresse, à l'intérieur de votre APK). Qui : les développeurs frontend toute la journée ; mais les développeurs backend vérifient également leur propre API via F12 → Réseau.