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

Veröffentlicht am: 22 Juli 2024
auf dem Kanal: Learn Web Dev with Norbert
2,097
34

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


Auf dieser Seite können Sie das Online-Video You Won't Believe How Easy It Is to Build a To-Do List App with CSS and JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Learn Web Dev with Norbert 22 Juli 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,097 Mal angesehen und es wurde von 34 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!