In this project, we will create a product list using Tailwind CSS, and we will add filtering and add-to-cart functionality with JavaScript.
Code:
20 Projects Course:
Vanilla Projects Repo:
Blog Post:
0:00 - Intro
2:02 - Start The HTML
4:35 - Navbar / Search Area
9:00 - Main Products & Categories Area
14:26 - Hardcode HTML Items
19:30 - Start The JavaScript
20:25 - Select DOM Elements & Init
22:42 - Loop Over Products & Create Elements
27:53 - Refactor To Function
29:22 - Update Cart Item Count
35:23 - Filter Products
1 view
12
3
2 weeks ago 00:08:50 1
TOP 10 форм обратной связи для ваших проектов
2 weeks ago 01:17:52 1
GELVETTA - of Hypnotic Electronic - Mix 2024 (Tracklist mixed by Ledy & Rob MixStyle)
2 weeks ago 00:05:49 1
JetBrains IDE | Продуктивность #4 - Навигация по классам, интерфейсам, методам
2 weeks ago 00:28:36 1
Integrate Tailwind into your Django application
2 weeks ago 00:08:16 1
Как на Джанго установить Tailwind CSS. Урок #11 Django 4 E-Commerce #python #django4 #djangoecomerce
2 weeks ago 00:04:20 3
JetBrains IDE | Продуктивность #3 - Навигация по файлу
2 weeks ago 00:13:46 2
Become A Master Grid CSS In 13 Minutes
2 weeks ago 00:04:42 1
C2353 - BOLLINA Coil to Coil line
3 weeks ago 00:06:53 1
JetBrains IDE | Продуктивность #2 - Навигация
3 weeks ago 00:09:22 1
JetBrains IDE | Продуктивность #1 - Глобальный поиск
3 weeks ago 01:00:07 1
Adam Wathan, Creator of TailwindCSS
3 weeks ago 00:00:00 1
Lazy Sunday Morning 🌞 Lofi Morning Vibes 🌞 Summer Lofi Songs To Make You Feel The Breeze Of Summer
3 weeks ago 01:08:57 1
Building a pricing section with Tailwind CSS
4 weeks ago 01:28:30 1
Building a bento grid with Tailwind CSS
4 weeks ago 00:19:00 1
The Tools I Use to Build Products in Laravel
4 weeks ago 01:25:08 2
Building a testimonial carousel with Tailwind CSS
4 weeks ago 01:17:40 2
Building a landing page with Tailwind CSS
4 weeks ago 00:02:00 1
Laravel Herd | Окружение разработки на PHP #5 - Tinker / Tinkerwell
4 weeks ago 00:38:21 1
Filtrer les données d’une API avec ReactJs et Framer motion | Typescript, React query, Tailwind)
1 month ago 00:05:06 1
Laravel Herd | Окружение разработки на PHP #4 - Базы данных
1 month ago 04:13:28 1
🚀 Создание приложения для доставки еды за 4 часа [React Native / / PostgreSQL / Prisma / TS]
1 month ago 00:01:42 1
Laravel Herd | Окружение разработки на PHP #3 - Открытие доступа к локальному проекту
1 month ago 00:00:00 1
The Scent Of Summer 🌊 Lofi Morning Vibes 🌊 Summer Lofi Songs To Make You Feel Summer Is Coming
1 month ago 00:11:26 1
Quantum Jumps & Tailwinds: A Cyclist’s Reflections - Wednesday, May 29, 2024