Learn how to build a todo list web app in HTML, CSS and JavaScript with the ability to display, create, edit, and delete your tasks. Task list, todo list, shopping list.
This is the perfect project for beginner web developers who are looking to expand their knowledge of HTML CSS and JavaScript. This beginner JavaScript tutorial will teach you how to use local browser storage to create a fully functional todo list app!
Build your next awesome project:
https://www.tubebuddy.com/quicknav/la...
Source Code:
https://github.com/Ademir/ToDoList...
Chapters
00:00 What we are building / Finished ToDo List
01:35 Project setup
06:50 Making our HTML for the ToDo List
16:38 Styling our project with CSS
56:00 Adding JavaScript variables, arrays, and objects
01:06:24 Using the DOM (Document Object Model)
01:12:28 Initialize the ToDo JavaScript
01:21:12 addTask function
01:31:19 displayTasks function
01:50:24 toggleTask function
01:52:05 deleteAllTasks function
01:53:03 editTasks function
Hope you enjoyed this tutorial. Leave a like if you did, and feel free to subscribe for more tutorials like this in the future!