Aula 16 - Projeto Final + Deploy 🚢
Do Código Local para o Mundo Inteiro
👋 Olá!
Chegamos ao final da nossa jornada!
Hoje você vai parar de ser alguém que "estuda código" e se tornar alguém que "publica sites". 🚀
Agenda de Hoje 📅
- O Grande Projeto Final
- Checklist de Qualidade
- O que é Deploy?
- GitHub Pages Step-by-Step
- Encerramento e Próximos Passos
🏗️ 1. O Projeto Final
O Desafio 🎯
- Construir uma Landing Page Completa.
- Deve ser Responsiva (Mobile e PC).
- Deve usar Flexbox e Grid.
- Deve ter pelo menos uma animação interativa.
Temas Sugeridos 💡
- Seu Portfólio Pessoal.
- Site para uma Petshop ou Pizzaria.
- Página de captura para um App.
✅ 2. Checklist de Qualidade
Antes de publicar, verifique:
- [ ] HTML Semântico (header, main, footer).
- [ ] Meta Viewport presente.
- [ ] Imagens com
alt. - [ ] Form com
labelseids. - [ ] CSS em arquivo externo.
☁️ 3. O que é Deploy?
- É o ato de hospedar seu site em um servidor.
- Torna seu site acessível via um Link (URL).
🚀 4. GitHub Pages
A forma mais rápida, gratuita e profissional de hospedar sites estáticos.
Passo a Passo 🗺️
- Criar novo repositório no GitHub.
- Fazer o Upload dos arquivos (
index.html,style.css,assets/). - Ir em Settings -> Pages.
- Salvar na Branch
main.
📊 Fluxo do Deploy
graph LR
Dev[Desenvolvedor] --> GH[GitHub Repo]
GH --> Build[Build Automático]
Build --> Web[Site no Ar!]🔗 Seu Link Público
https://usuario.github.io/repositorio
- Compartilhe com o mundo!
🎉 5. Conclusão do Curso
- Módulo 1: Fundamentos da Web.
- Módulo 2: HTML5 Semântico e Completo.
- Módulo 3: CSS3 Moderno, Layout e Animação.
Próximos Passos? 🛣️
- Aprofundar em JavaScript.
- Conhecer Frameworks (React, Vue).
- Estudar Back-end (Node, Python).
💻 Mão na Massa!
Finalize seu código, suba para o GitHub e comemore seu primeiro deploy!
Dúvidas Finais? 🤔
"O código que você escreve e guarda na sua máquina não ajuda ninguém. O código que você publica tem o poder de mudar o mundo."