FocusVerde do Zero (Aula 1/8): HTML Profissional + Estrutura de Pastas (Sem Erros de ID)

Описание: Nesta Aula 1/8 do FocusVerde, você vai montar todo o HTML profissional do app e deixar a estrutura pronta do jeito certo — com IDs obrigatórios (o “contrato” com o JavaScript) e caminhos de arquivos sem 404.

✅ No final da aula você terá:

Estrutura de pastas correta (css/, js/, index.html, despertador.mp3)

HTML completo com IDs que o JS precisa

Checkpoint “projeto carregando” + validação no DevTools (Console/Network)

📌 IDs obrigatórios (se errar 1, quebra tudo):
formTarefa, descricao, data, minutos, lista, limparTudo, somFinalizacao

📁 Estrutura do projeto (obrigatória):

/css/style.css

/js/script.js

index.html

despertador.mp3

🧪 Checkpoint (modo profissional):
Abra o DevTools → Network e confirme que NÃO existe 404 para:

css/style.css

js/script.js

despertador.mp3

🔗 Links importantes:

Código do projeto (GitHub):

Meu curso (Criando site em 24h com Bootstrap):
https://www.udemy.com/course/curso-de...

Playlist HTML + CSS do canal:
   • Aula 1- Estrutura HTML - Curso do Livro HT...  

▶️ Próxima aula (Aula 2/8): CSS completo, layout moderno e responsivo “com cara de produto”.

#FocusVerde #HTML #JavaScript #FrontEnd