How to Code A Better To-Do List - Tutorial

Published: 17 July 2019
on channel: Web Dev Simplified
157,769
3.1k

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 (   • Creating a better todo app - the HTML...  ).

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):    • Creating a better todo app - the HTML...  
Kevin Powell's Channel: https://www.youtube.com/KevinPowell?s...


📚 Materials/References:

Initial GitHub Code: https://github.com/kevin-powell/todo-...
Final GitHub Code: https://github.com/kevin-powell/todo-...


🧠 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:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#ToDoList #WDS #JavaScript


Watch video How to Code A Better To-Do List - Tutorial online, duration hours minute second in high quality that is uploaded to the channel Web Dev Simplified 17 July 2019. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 157,769 times and liked it 3.1 thousand visitors.