O que é um servidor e para que serve o Node.js

Onde um site vive a sério, o que é uma API e porque o formulário do Nível 2 não tinha onde enviar mensagens.

Lembras-te daquele formulário sem destinatário?

No Nível 2, construíste um formulário que verificava uma mensagem, agradecia… e depois deitava a mensagem fora. Não havia onde a guardar. O teu site, até agora, só consegue entregar ficheiros prontos – não consegue receber e lembrar nada. Para isso, precisas de um servidor. E é exatamente isso que vais aprender a construir.

Frontend e backend

Toda a aplicação grande (Instagram, escola online, loja online) tem duas metades:

Frontend – tudo o que corre no browser do visitante. HTML, CSS, JavaScript, React. Já conheces tudo isto!
Backend – um programa a correr num servidor. Recebe pedidos, guarda dados, aplica regras. E como o Node.js existe, pode ser escrito numa linguagem que já conheces: JavaScript.

Como é que as duas metades conversam? Através de uma API (Application Programming Interface) – endereços acordados onde o backend responde. Eis uma conversa de exemplo:

Frontend:  GET /api/messages         ("Send me all the messages.")
Backend:   [{ "name": "Grandma", "text": "Lovely website!" }]

Frontend:  POST /api/messages        ("Here's data, save it: ...")
Backend:   { "saved": true }

GET = «dá-me dados» (o teu browser faz isto sempre que abres uma página).
POST = «aqui estão dados, guarda» (é o que o teu formulário faz).

Os dados enviam-se no formato JSON – parece quase igual aos objetos JavaScript que conheces do quiz. Coincidência? Não – JSON significa JavaScript Object Notation. Está do teu lado.

Onde corre um backend assim?

Em desenvolvimento, no teu computador (localhost – conheces do Vite). Em produção, num computador sempre ligado e conectado – um «pedaço» alugado de servidor (VPS), ou um serviço que trata de tudo (Render, Railway…). Chegamos ao deployment na lição final.

💡

Então para que servia o GitHub Pages? É alojamento só para o frontend – entrega ficheiros, nada mais. Perfeito para um site dos Níveis 1–2 (e também o mais seguro: onde nada corre, nada pode ser hackeado). Precisas de backend no momento em que o site tem de receber e lembrar algo – mensagens, inscrições, utilizadores.

Agora és tu 💪 (uma mini-missão por curiosidade)

Abre o teu site favorito, prime F12 e muda para o separador Network. Recarrega a página e observa a cascata de pedidos – cada linha é uma conversa entre o browser e um servidor.
Encontra um pedido GET na lista e um que devolva JSON (coluna Type: json ou fetch). Clica e olha para a resposta – vês os dados com que a página é construída.
Escreve isto na consola e observa o frontend pedir dados sozinho:

fetch("https://api.chucknorris.io/jokes/random")
  .then((response) => response.json())
  .then((data) => console.log(data.value));

fetch(...) é o comando JavaScript «chama uma API.» Na lição 9, vais usar este comando exato para ligar um formulário ao teu servidor.

✅

Verifica tu: Consegues explicar com as tuas palavras a diferença entre frontend e backend, sabes o que são GET, POST e JSON, e viste no painel Network como os sites conversam. Na próxima lição, vais construir um servidor assim tu próprio.

O que ficas a saber desta lição

O frontend corre no dispositivo do visitante, o backend corre num servidor; conversam através de uma API com mensagens GET (dar) e POST (guardar).
Os dados fluem em formato JSON – parece objetos JavaScript.
fetch() é como o frontend pede dados a um servidor.