XP 0

Front-end x Back-end

Os dois lados de todo app

  • Front-end — roda no navegador do usuário (o HTML, CSS e React que você já aprendeu). É a vitrine.
  • Back-end — roda num servidor (um computador ligado 24h). Guarda os dados e as regras: estoque, preços, logins, pagamentos. É a cozinha e o estoque.

🧠 Modelo mental — o restaurante: você (o navegador) faz um pedido (request); a cozinha (o servidor) prepara e devolve o prato (response). Você não entra na cozinha; só pede e recebe.

Por que separar? Segurança e confiança. O preço e o estoque não podem morar no navegador (o usuário mudaria com um clique). Eles ficam no servidor, longe das mãos do cliente.

Pontos-chave

  • Front = navegador · Back = servidor
    a vitrine (cliente) x a cozinha e o estoque (dados e regras).
  • request → response
    o navegador faz o pedido; o servidor devolve a resposta.