Pular para conteúdo

Aula 11 - Funcionamento da Web 🌐

Objetivo

Objetivo: Compreender a jornada completa que acontece nos "bastidores" quando você digita um endereço no navegador, desde a resolução de nomes até a renderização da página.

1. A Anatomia de uma URL 🔗

URL (Uniform Resource Locator) é o endereço completo de um recurso na web.

https://www.google.com.br/search?q=redes

  • Esquema: https (protocolo seguro).
  • Domínio: www.google.com.br.
  • Caminho: /search.
  • Parâmetros: ?q=redes.

2. A Jornada do Clique: Passo a Passo 🚀

Quando você aperta "Enter":

  1. DNS: O PC pergunta o IP do domínio.
  2. TCP: O PC abre uma "conversa" (Handshake) com o servidor no IP encontrado.
  3. HTTP Request: O navegador envia um envelope dizendo: "Me dê a página index.html".
  4. Resposta: O servidor envia o código da página (HTML, CSS, JS).
  5. Renderização: O navegador lê o código e desenha a página na sua tela.

3. Visualizando o Processo 🔄

sequenceDiagram
    participant PC as Navegador
    participant DNS as Servidor DNS
    participant SRV as Servidor WEB

    PC->>DNS: Quem é google.com?
    DNS->>PC: É o IP 142.250.218.78
    PC->>SRV: (TCP Handshake) Oi!
    SRV->>PC: (TCP ACK) Oi, vamos conversar!
    PC->>SRV: GET /index.html HTTP/1.1
    SRV->>PC: 200 OK (Código da Página)

4. Browsers: Muito além da navegação 🔍

Navegadores modernos (Chrome, Firefox, Edge) são softwares complexos que gerenciam: * Cache (para não baixar fotos repetidas). * Segurança (bloqueio de scripts maliciosos). * Execução de código (JavaScript).

5. Praticando no Navegador 💻

Você pode ver a jornada acontecer agora: 1. Aperte F12 (ou clique com o botão direito e vá em "Inspecionar"). 2. Clique na aba Rede (Network). 3. Atualize a página (F5). 4. Veja a lista de arquivos sendo baixados, o tempo de cada um e o status!

🚀 Atividade Prática: Inspeção de Rede

  1. Abra o site de notícias de sua preferência.
  2. Use o Inspecionar Elemento (F12) na aba Network.
  3. Qual o arquivo mais pesado da página (imagem, vídeo ou script)?
  4. Quanto tempo o site demorou para carregar completamente?

🧠 Exercícios de Fixação

  1. Diferencie URL de Endereço IP.
  2. O que acontece se o servidor Web demorar muito para enviar a resposta (Timeout)?
  3. Qual a função do navegador no processo de "Renderização"?

Próxima Aula: Vamos olhar dentro do envelope: Estrutura do Protocolo HTTP! ✉️