Article image
Diego Vieira
Diego Vieira27/03/2026 22:49
Compartilhe

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

    Compartilhe
    Comentários (0)