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

On this page of the site you can watch the video online How to Code A Better To-Do List - Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Web Dev Simplified 17 July 2019, share the link with friends and acquaintances, this video has already been watched 157,769 times on youtube and it was liked by 3.1 thousand viewers. Enjoy your viewing!

287,056