FansOfAll
WebDevMadeEasy
WebDevMadeEasy

patreon


🎬How to build a Todo List App | JavaScript

In 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!

https://bit.ly/3sthx5B

---------------------------------------------------------------------------------------

⏱️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

🎬How to build a Todo List App | JavaScript

More Creators