O Navegador em Ação (+ DevTools)
Um navegador é um programa que busca arquivos HTML/CSS/JS de um servidor e os transforma em uma página visível e interativa; o DevTools (F12) é o seu "raio-X" interno — ele mostra cada requisição e cada erro. Por quê: no trabalho de frontend (Phase 9) o navegador é o seu palco, e o F12 é a ferramenta de depuração gratuita mais poderosa que você jamais precisará — os próprios arquivos www do seu aplicativo (Capacitor) são literalmente uma camada de navegador. Quando: "a página está em branco", "o botão não funciona", "os dados não chegaram", "está lento" — cada um desses diagnósticos começa no F12. Como: URL → DNS (lição 2) → HTTPS + GET (lição 3) → recebe o HTML → enquanto o lê, encontra CSS/JS/imagens e envia NOVAS requisições para cada um → renderiza a página → o JS a traz à vida. Onde: Chrome/Edge/Firefox no seu PC; WebView no Android (um navegador sem barra de endereços, dentro do seu APK). Quem: desenvolvedores de frontend o dia todo; mas desenvolvedores de backend também verificam sua própria API por meio do F12 → Network.