How to Code A Better To-Do List - Tutorial

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 ... https://www.youtube.com/watch?v=W7FaYfuwu70