Build a Todo List App in HTML CSS JavaScript | EASY BEGINNER TUTORIAL

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, to-do 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 to-do list app!

Build your next awesome project:
https://www.tubebuddy.com/quicknav/la...

Source Code:
https://github.com/Ade-mir/To-Do-List...

Chapters
00:00 What we are building / Finished To-Do List
01:35 Project setup
06:50 Making our HTML for the To-Do 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 To-Do 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!