XXX4Fans
WebDevMadeEasy from patreon
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

Related Creators