Frontend vs Backend
As duas metades de todo app
⏱ Estim. ~4 min
01 · Ler
A maioria dos softwares é dividida em duas metades: frontend (front-end) e backend (back-end).
Frontend é tudo o que você vê e com o que interage — botões, menus, animações, textos, imagens. Ele roda no seu navegador ou no seu celular.
Backend é tudo o que acontece nos bastidores — validação de senhas, processamento de pagamentos, consultas a banco de dados, envio de e-mail. Ele roda em algum server.
Pense em um restaurante: o frontend é o salão (onde os clientes sentam, olham o cardápio e comem) e o backend é a cozinha (onde a comida é preparada, os pedidos são gerenciados e o estoque é controlado). Os clientes nunca veem a cozinha, mas é lá que o trabalho de verdade acontece.
Pontos-chave
- Frontend = o que o usuário vê e com o que interage (HTML, CSS, JavaScript)
- Backend = lógica e processamento de dados que o usuário não vê (server, banco de dados, API)
- Os dois lados conversam o tempo todo — o frontend envia requisições, o backend envia respostas
- Alguns engenheiros se especializam em um dos lados; engenheiros "full-stack" trabalham nos dois
02 · Classificar arrastando
Arraste cada item para a metade correta do app. É Frontend ou Backend?
(Esta seção é interativa — ative o JavaScript para usar.)
03 · Combinar
Combine cada exemplo com a parte do app que cuida dele.
(Esta seção é interativa — ative o JavaScript para usar.)
04 · Quiz
Quando você digita a senha e clica em "entrar", onde a sua senha é realmente verificada?
- No seu navegador (frontend)
- Na barra de endereços
- No server (backend)
- No sistema operacional do seu celular
Outras lições deste capítulo
⚠ A experiência interativa completa precisa de JavaScript. Ative-o e recarregue a página.
※ Este é um projeto educacional independente — não é um produto oficial da Anthropic. Claude™ é uma marca registrada da Anthropic, PBC.