Este repositório reúne três projetos pequenos e auto-contidos em JavaScript, pensados para uso didático:
todolist/— Lista de tarefas (manipulação do DOM, eventos, classes CSS)calculator/— Calculadora (estado e operações aritméticas semeval())rps/— Pedra, Papel e Tesoura (lógica condicional e atualização de placar)
Cada pasta inclui um scaffold mínimo (index.html, styles/style.css, scripts/main.js) e um README.md específico com requisitos e critérios de completude.
Fornecer exemplos e exercícios práticos para ensinar conceitos fundamentais de JavaScript em sala de aula: seleção e manipulação do DOM, eventos, gerenciamento de estado e lógica de aplicação.
- Abra a pasta do projeto desejado (por exemplo
todolist/). - Abra
index.htmlem um navegador. - Leia o
README.mdlocal do projeto e implemente ou estude o código emscripts/main.js.
Dica: use o console do desenvolvedor (F12) para testar funções e depurar.
- Cada projeto tem um checklist de completude no
README.mdlocal — use-o como critério de avaliação. - Sugestão de atividade: peça para os alunos implementarem requisito a requisito e testarem incrementalmente.
- Para avaliação formativa, utilize as "Perguntas guiadoras" presentes nos READMEs para estruturar feedback.
- Persistência com
localStorage(para tarefas ou placares) - Validações e tratamento de erros (ex.: divisão por zero)
- Melhorias de UX (animações, mensagens mais descritivas)
ThreeProjectsJS/
├── todolist/
├── calculator/
├── rps/
└── README.md
Contribuições são bem-vindas: abra um fork, faça melhorias pedagógicas e envie um pull request. Mantenha a estrutura e estilos simples para facilitar leitura por iniciantes.