Módulo 18: Hospedagem e Deploy

2. Resumo da Aula Anterior

No último módulo, aprendeste as Boas Práticas para manter o teu código limpo e organizado. Agora que o teu site está perfeito no teu computador, chegou a hora de o mostrares ao mundo!

3. O Que Vais Aprender Hoje

✅ A diferença entre Localhost e Servidor.
✅ Como funciona o Sistema de Domínios (DNS).
✅ Colocar o site online grátis com GitHub Pages.
✅ Introdução a plataformas como Netlify e Vercel.

4. Teoria: A Tua Casa na Internet

Conceito: Hospedar um site significa guardar os teus ficheiros num servidor (um computador potente que nunca se desliga). Deploy é o ato de enviar os teus ficheiros locais para esse servidor.

🏠 Analogia: A Morada e o Lote

Imagina que queres abrir uma loja:

O Teu Computador: É a cave da tua casa onde estás a construir as prateleiras. Ninguém as vê a não ser tu.
Hospedagem (Hosting): É o terreno que alugas no centro da cidade para colocar a tua loja.
Domínio (URL): É a morada (ex: Rua da Web, nº 5). Sem ela, as pessoas não sabem onde fica o terreno.
Deploy: É o camião de mudanças que leva as prateleiras da tua cave para a nova loja.

5. Exemplos Práticos

Exemplo 1: O Ficheiro Obrigatório

Todo o site precisa de uma porta de entrada principal.

📁 meu-projeto/
   ├── index.html  <-- O SERVIDOR PROCURA ESTE NOME!
   ├── sobre.html
   └── style.css

Se chamares o ficheiro de inicio.html, o servidor não saberá o que mostrar quando alguém digita apenas o teu domínio.

Exemplo 2: Estrutura para GitHub Pages

Usar o GitHub para hospedar o teu portfólio.

💡 Dica Pro: No GitHub, vai a Settings > Pages e escolhe a "Main branch". Em poucos minutos, o teu site estará disponível em teu-utilizador.github.io/nome-do-repo.

Exemplo 3: Netlify "Drag and Drop"

A forma mais rápida de todas.

🚀 Arraste a sua pasta aqui para publicar instantaneamente!

Plataformas como Netlify permitem que publiques um site sem saber usar a linha de comando, bastando arrastar a pasta do projeto.

6. Agora é a Tua Vez!

Vamos colocar o teu curso online:

Cria uma conta no GitHub se ainda não tiveres.
Cria um novo repositório chamado "meu-primeiro-site".
Faz o upload dos teus ficheiros HTML e CSS.
Ativa o GitHub Pages nas definições.
Partilha o link com um amigo!

7. Verificação de Conhecimento

Carregando quiz...

8. Resumo do Que Aprendemos

📌 Um site só existe para o mundo se estiver num Servidor.
📌 O index.html é o nome sagrado para a página inicial.
📌 GitHub Pages é a melhor ferramenta para estudantes e portfólios.
📌 Um Domínio (.pt, .com) é apenas uma máscara bonita para o endereço IP do servidor.

9. Desafios Práticos

Desafio 1: O Domínio Próprio

Qual é a vantagem de comprar um domínio www.omeunome.pt em vez de usar o grátis do GitHub?

Desafio 2: Site Estático vs Dinâmico

O GitHub Pages permite hospedar um site que use uma base de dados como MySQL ou PHP?

Desafio 3: O Custo da Internet

Existem formas de hospedar um site profissional para sempre sem pagar um cêntimo?