You Won't Believe How Easy It Is to Build a To-Do List App with CSS and JavaScript

Published: 22 July 2024
on channel: Learn Web Dev with Norbert

2,097

Learn how to create a easy and simple looking todo list application using HTML CSS and JavaScript. In this web development project for beginners you will learn how to create a todo list structure in HTML by adding a container to the main app, form with input and add button for the items and a unordered list with list items and options to check, edit and delete list items and also a button that will clear the list.

Learn HTML CSS Bootstrap and JavaScript Full Course:

https://www.udemy.com/course/10-finan...

https://www.udemy.com/course/30-html-...

https://www.udemy.com/course/web-deve...

https://www.udemy.com/course/complete...

Playlist video:
• Create To Do List using HTML, CSS, JavaScr...

Source Code:
https://volerelife.wordpress.com/2024...

00:00 - Start
01:17 - Todo list HTML structure
05:53 - Style the todo list using CSS
18:56 - TODO list logic using JavaScript
20:12 - Get todo list DOM elements and assign them to variables
21:33 - Get the list
23:08 - Handle list items
24:09 - Check and uncheck list item
26:34 - Add item to the list
27:37 - Sent feedback to the user using Alerts
30:24 - Sava and Load items from Local Storage
32:55 - Edit list elements
34:28 - Delete List elements
37:05 - Clear and delete all elements from the list

#todolist #learnwebdev #learnjavascript

On this page of the site you can watch the video online You Won't Believe How Easy It Is to Build a To-Do List App with CSS and JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Learn Web Dev with Norbert 22 July 2024, share the link with friends and acquaintances, this video has already been watched 2,097 times on youtube and it was liked by 34 viewers. Enjoy your viewing!

54,509