Data de criação: 10/03/2021
Última atualização: fevereiro de 2022
www.phlima.com/projects/todo-list
Este foi um dos primeiros projetos do módulo Fundamentos do curso de Desenvolvimento Web da Trybe. Esta lista de tarefas feita em JavaScript puro é um exercício ideal de diversos conceitos fundamentais da linguagem, principalmente manipulação do DOM. Desenvolvido com atenção à acessibilidade, usabilidade e um design responsivo.
- HTML5
- CSS3
- JavaScript (ES6)
Meu maior aprendizado foi utilizar pela primeira vez o MutationObserver (docs), uma interface que permite observar e reagir a mudanças realizadas no DOM.
Destaque também para alguns métodos e propriedades muito úteis:
Document.getElementById()
Document.querySelector()
Document.querySelectorAll()
Document.createElement()
Element.matches()
Element.remove()
Element.after()
Element.before()
Element.firstElementChild
Element.previousElementSibling
Element.nextElementSibling
Node.hasChildNodes()
Node.appendChild()
Node.removeChild()
Window.innerWidth
- Clone o repositório
git clone [email protected]:limapaulobsb/todo-list.git
- Entre na pasta do repositório que você acabou de clonar
cd todo-list
- Instale as dependências
npm install
Mantenho meus projetos em constante atualização. Qualquer feedback será muito bem-vindo.
Qualquer dúvida ou sugestão envie para [email protected]