Trabalho · 4º período

Do clique à página

TCP/IP, DNS e HTTPS

Tudo o que acontece entre digitar cloudflare.com e ver o site na tela.

Visão geral

O caminho de uma página

DNSnome → IP

→

TCP/IPconexão e pacotes

→

TLSsegurança

→

HTTPpedido e resposta

→

Navegadormonta a página

Tudo isso acontece em menos de 1 segundo.

Etapa 1

DNS: a lista telefônica da internet

Computadores conversam por IP; pessoas lembram nomes.
O DNS traduz cloudflare.com → 104.16.x.x.
Caminho da consulta: cache local → resolvedor → raiz (.) → .com → servidor autoritativo.
A resposta fica em cache por um tempo (TTL), e a próxima consulta é instantânea.
Um domínio pode ter vários IPs (IPv4 e IPv6).

💻 Demonstração: ipconfig /flushdns e nslookup cloudflare.com

Etapa 2

TCP/IP: levando os dados até o servidor

Modelo em 4 camadas

Aplicação	HTTP, DNS, TLS
Transporte	TCP / UDP · porta 443
Internet	IP · roteamento
Acesso à rede	Wi-Fi, cabo, fibra

3-way handshake

SYN: "posso conectar?"
SYN-ACK: "pode!"
ACK: "conectado."

O IP endereça e roteia os pacotes; o TCP garante que cheguem completos e em ordem.

💻 Demonstração: tracert cloudflare.com (cada linha é um roteador no caminho)

Etapa 3

HTTPS: o S de seguro

HTTPS = HTTP + TLS. Antes de qualquer dado, cliente e servidor combinam as chaves.
O TLS garante criptografia (ninguém lê), integridade (ninguém altera) e autenticidade (é o site certo).
A autenticidade vem do certificado digital, emitido por uma autoridade certificadora (CA).
Sites modernos redirecionam http:// → https:// (status 301).

🔒 Demonstração: cadeado → certificado (domínio · emissor · validade) e http://cloudflare.com → 301

Etapa 4

Carregamento da página

O navegador envia GET /, e o servidor responde 200 OK com o HTML.
O HTML pede mais arquivos: CSS, JavaScript, imagens e fontes. São dezenas de requisições.
Protocolos modernos (HTTP/2 e HTTP/3) baixam vários arquivos ao mesmo tempo.
O navegador monta a árvore (DOM), aplica o estilo e desenha a página.

🛠️ Demonstração prática (F12 → Network): requisições · Timing (DNS, Initial Connection, SSL, Waiting, Download) · Headers (200, protocolo, Remote Address)

Ao vivo

A sua conexão, agora

DNS · domíniodo-clique-a-pagina.pages.dev

TCP/IP · datacenterCMH · CMH

TCP · ida e volta2 ms

TLS · versãoTLSv1.3

HTTP · protocoloHTTP/2

ProvedorAnthropic, PBC

Abra no celular: do-clique-a-pagina.pages.dev

Fechamento

Tudo o que vimos na prática

🔎 DNS → encontrou o IP (nslookup)
🛣️ TCP/IP → abriu a conexão e levou os dados (tracert)
🔒 HTTPS/TLS → protegeu a comunicação (certificado)
📨 HTTP → o navegador pediu a página (Headers: 200)
🖥️ Servidor → respondeu (Timing: Waiting/Download)
🌐 Navegador → montou a página (requisições)

Obrigado!

Perguntas?

Do clique à página · TCP/IP, DNS e HTTPS