criando uma To-Do List com JavaScript
Fala, pessoal!
Hoje quero compartilhar um marco importante na minha jornada como desenvolvedor: a criação da minha primeira To-Do List interativa utilizando HTML, CSS e JavaScript.
🧠 Objetivo do projeto
O objetivo foi simples, mas poderoso: sair da teoria e aplicar na prática conceitos fundamentais do desenvolvimento web.
Mais do que fazer funcionar, busquei entender cada parte do processo.
⚙️ Tecnologias utilizadas
- HTML5
- CSS3
- JavaScript
✨ Funcionalidades
- Adicionar tarefas
- Remover tarefas
- Marcar como concluída
- Interface moderna com efeitos visuais
🧩 O que eu aprendi
Durante o desenvolvimento, aprendi:
- Manipulação do DOM
- Eventos em JavaScript
- Organização de código
- Separação entre HTML, CSS e JS
🚧 Desafios enfrentados
Alguns erros fizeram parte do processo:
- Erros com
innerHTML - Problemas ao criar elementos dinamicamente
- Dificuldade ao subir o projeto no GitHub
- Confusão entre pasta e arquivo (README)
🛠️ Como resolvi
- Corrigi a sintaxe usando template strings corretamente
- Entendi melhor como o DOM funciona
- Aprendi na prática o fluxo do Git (add, commit, push)
- Organizei melhor os arquivos do projeto
🌐 Publicação
Além do código, também aprendi a:
- Criar um README.md
- Adicionar imagem do projeto
- Melhorar a apresentação no GitHub
🎯 Conclusão
https://github.com/seu-usuario/todo-list
Esse projeto pode parecer simples, mas foi essencial para minha evolução.
Não é sobre fazer projetos perfeitos, e sim entender o que você está construindo.
🚀 Próximos passos
- Implementar LocalStorage
- Melhorar responsividade
- Evoluir design
👨💻 Sobre mim
Sou estudante de desenvolvimento focado em me tornar um desenvolvedor full stack em JavaScript, aprendendo e praticando diariamente.
Se você também está começando, comece antes de se sentir pronto.
#javascript #frontend #html #css #devbr #github #aprendizado #programacao #iniciantes



