WEB101 · Como a web funciona
Sobre o curso
Entenda o que realmente acontece entre digitar um endereço e ver a página: redes, DNS, HTTP, navegadores e servidores. Você vai inspecionar tráfego real com ferramentas gratuitas do navegador e explicar tudo em linguagem simples.
Para quem é
Iniciantes, pessoas em transição de carreira e donos de pequenos negócios que querem um modelo mental sólido da web antes de programar.
Pré-requisitos
Não é preciso saber programar; basta um navegador atualizado e familiaridade básica com o computador.
O que você será capaz de fazer
- Explicar o caminho de uma requisição web do navegador ao servidor e de volta, citando DNS, TCP, TLS e HTTP.
- Identificar as partes de uma URL e a função dos principais métodos e códigos de status HTTP.
- Usar as ferramentas de desenvolvedor do navegador para inspecionar requisições, respostas, cabeçalhos e tempos de carregamento.
- Descrever o papel de front-end, back-end, banco de dados e hospedagem no site de um pequeno negócio.
Aulas
- Aula 1 · Da barra de endereços ao servidor
- Aula 2 · HTTP, HTTPS e a conversa entre navegador e servidor
- Aula 3 · Navegadores, hospedagem e as partes de uma aplicação web
- Aula 4 · Laboratório e atividade
Laboratório: Rastreie o carregamento de uma página com o DevTools
Você vai carregar três sites reais com a aba Rede aberta, registrar requisições, códigos de status e tempos, e consultar os registros DNS de cada domínio. Depois, vai comparar uma página rápida com uma lenta e explicar a diferença em linguagem simples.
Ferramentas gratuitas: Ferramentas de desenvolvedor do Chrome ou do Firefox (aba Rede), uma consulta DNS pública no navegador e um editor de texto gratuito
Atividade avaliada
Escreva um texto explicativo de duas páginas chamado "O que acontece quando um cliente abre o nosso site" para um pequeno negócio à sua escolha (por exemplo, uma padaria ou uma clínica odontológica). Inclua um diagrama ou sequência numerada do caminho da requisição, uma tabela com cinco requisições capturadas (método, código de status, tamanho e tempo) e três sugestões concretas para acelerar a página. Escreva para um dono de negócio sem formação técnica e explique cada termo técnico usado.
| Critério | Peso | Como é um trabalho excelente |
|---|---|---|
| Precisão do caminho da requisição | 30% | DNS, conexão, TLS, requisição e resposta HTTP e renderização aparecem na ordem certa e com as funções corretas. |
| Evidências do DevTools | 25% | A tabela usa dados reais capturados, e cada valor é lido e interpretado corretamente. |
| Sugestões de desempenho | 25% | As três sugestões são específicas, baseadas nas evidências e realistas para um pequeno negócio. |
| Clareza para leigos | 20% | Os termos são explicados, a estrutura é fácil de seguir e não há jargão sem explicação. |
Peça de portfólio
Um guia em linguagem simples sobre requisições web, com evidências reais do DevTools, para mostrar a clientes ou empregadores.
Próximo passo
Continue com WEB102 · Fundamentos de HTML e CSS · 4 horas · R$ 40,00
Conteúdo do curso
WEB101 · Como a web funciona (4 h)
-
Aula 1 · Da barra de endereços ao servidor
-
Aula 2 · HTTP, HTTPS e a conversa entre navegador e servidor
-
Aula 3 · Navegadores, hospedagem e as partes de uma aplicação web
-
Aula 4 · Laboratório e atividade
-
WEB101 Avaliação · Como a web funciona