In this video we will be coding all of the JavaScript for a multi-list to-do list application. If you want to see the HTML/CSS portion of this application make sure to checkout Kevin Powell's video (https://youtu.be/IhmSidOJSeE).

This is a long video, so we will be covering a ton of useful JavaScript information. We also will be using no frameworks in this video, so you can truly understand how the JavaScript is working. To store all of the data for our application we will be using localStorage since it is easy to setup and incredibly powerful. I will also explain every line of code as I go so you have a complete understanding of everything our application does.

IMPORTANT:

Kevin Powell's Video (HTML/CSS): https://youtu.be/IhmSidOJSeE
Kevin Powell's Channel: https://www.youtube.com/KevinPowell?sub_confirmation=1


Materials/References:

Initial GitHub Code: https://github.com/kevin-powell/todo-list-collab/tree/master/html-css-finished
Final GitHub Code: https://github.com/kevin-powell/todo-list-collab/tree/master/javascript-finished


🧠 Concepts Covered:

- Dynamic re-rendering without a framework
- Adding dynamic event listeners
- How to use localStorage to persist website data
- Advanced JavaScript array methods
- Code organization best practices


Find Me Here:

My Website: https://webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#ToDoList #WDS #JavaScript