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

Pubblicato il: 22 luglio 2024
sul canale di: 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


In questa pagina del sito puoi guardare il video online You Won't Believe How Easy It Is to Build a To-Do List App with CSS and JavaScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Learn Web Dev with Norbert 22 luglio 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 2,097 volte e gli è piaciuto 34 spettatori. Buona visione!