WebDevMadeEasy
patreon
🎬How to build a Todo List App | JavaScript
🕑 Added 2021-05-31 11:03:28 +0000 UTCIn this episode we are going to cover a project from scratch a “Todo List” in Vanilla JS. We are going to put together a lot of the fundamental JavaScript techniques including local storage.
Inspired by: https://todomvc.com/examples/react/#/
---------------------------------------------------------------------------------------
SUBSCRIBE & HIT THE 🛎️ https://bit.ly/3oBQbc0
🌱 💜 Support our channel from as little as $1-3 by becoming a Patreon because by doing that, you will help our Channel and also you will have access to 🖥️ Source Code of our videos!
---------------------------------------------------------------------------------------
⏱️Chapters:
00:00 - Intro 01:00 - {HTML} : Boilerplate
01:27 - {HTML & CSS} : Todo List UI
10:55 - {JavaScript} : Add, Remove & Mark as Completed
17:15 - {JavaScript} : Saving it to Local Storage
---------------------------------------------------------------------------------------
🧠Concepts covered in this project:
* CSS - Flexbox
* CSS - @keyframes | Transform | Transition
* JS - localStorage | setItem() | getItem()
* JS - EventListener
📚Resources Sound | Fonts | Pics used in this Project: https://bit.ly/3cp2S5W
