🚀 Capítulo 20: Projeto Final - Painel
🎯 Objetivo da Aula
Integrar todo o conhecimento adquirido sobre manipulação do DOM e eventos para criar um painel de controle interativo completo.
🏢 O Cenário Prático (Seu Desafio)
Você deve construir o painel completo da Millenium Falcon! Ele deve ser interativo e usar tudo o que aprendemos.
🛠️ Requisitos do Projeto
Sua aplicação deve conter:
- Seleção e Alteração: Mudar o título do painel ao carregar a página.
- Eventos: Um botão que liga/desliga o alarme (mudando a classe do body).
- Criação de Elementos: Um formulário para adicionar novos tripulantes na lista.
- LocalStorage: Salvar a lista de tripulantes para não sumir ao dar F5.
- Fetch API: Um botão que busca a velocidade da luz ou dados de planetas e mostra na tela.
🕹️ Como Executar e Validar seu Projeto
- Abra o arquivo
index.htmlda pastacodigos/cap20. - Escreva o código no
script.js. - Teste todas as interações e veja se os dados persistem ao atualizar a página.
📤 Instruções de Entrega Final
- Faça o commit final com a mensagem
Projeto Final DOM Concluído. - Dê o push para o seu repositório no GitHub.
💡 Mensagem Final
Parabéns! Você agora domina o DOM e o JavaScript puro. Você está pronto para aprender qualquer framework moderno (como React ou Vue) porque você entende a base de tudo! Que a Força esteja com você! 🌌