To-Do List App with Tailwind CSS (and Tasty Snacks)
Learn how to create a easy and simple looking todo list application using Tailwind CSS and JavaScript. In this web development project for beginners you will learn how to create a Check 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...
Learn Web Development:
https://menyhartmedia.com/web-develop...
00:00 - Start
00:37 - Project overview
01:15 - Add Tailwind CSS to HTML using CDN
05:14 - Create form and inputs using Tailwind CSS
07:25 - Create button using Tailwind CSS
08:37 - Create list using Tailwind CSS
10:03 - Create List Items using Tailwind CSS
14:37 - Use Tailwind CSS in JavaScript
16:22 - Insert Tailwind CSS list items using JavaScript
18:58 - Style complete edit and delete item with Tailwind CSS and JavaScript
20:45 - Create custom alerts using Tailwind CSS and JavaScript
#tailwindcssproject #learntailwindcss