The Browser in Action (+ DevTools)
A browser is a program that fetches HTML/CSS/JS files from a server and turns them into a visible, interactive page; DevTools (F12) is its internal "X-ray" — it shows every request and every error. Why: in frontend work (Phase 9) the browser is your stage, and F12 is the most powerful free debugging tool you'll ever need — your app's own www files (Capacitor) are literally a browser layer. When: "the page is blank," "the button doesn't work," "the data didn't arrive," "it's slow" — every one of these diagnoses starts at F12. How: URL → DNS (lesson 2) → HTTPS + GET (lesson 3) → receives HTML → while reading it, encounters CSS/JS/images and sends NEW requests for each → renders the page → JS brings it to life. Where: Chrome/Edge/Firefox on your PC; WebView on Android (a browser without an address bar, inside your APK). Who: frontend developers all day; but backend developers also check their own API via F12 → Network.