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
2 views
15
3
2 months ago 00:08:49 1
Laravel для новичков #16 - Основная секция главной страницы
2 months ago 00:04:04 1
Laravel для новичков #15 - Перемещение пунктов навигации и ссылок на социальные сети в конфигурацию
2 months ago 00:10:14 2
Favorite New Tailwind Extension
2 months ago 00:05:16 4
Laravel для новичков #14 - Компонент иконки
2 months ago 01:14:22 1
АДАПТАЦИЯ САЙТА на примере РЕАЛЬНОГО проекта | CSS, SCSS, Tailwind
2 months ago 00:05:35 3
Laravel для новичков #13 - Активный пункт навигации
2 months ago 00:29:24 1
36 Incredible Aviation Moments Caught On Camera
2 months ago 00:06:25 1
Laravel для новичков #11 - Компоненты подвала
2 months ago 00:10:15 1
Laravel для новичков #12 - Перемещение пунктов навигации в layout
2 months ago 00:09:20 1
Laravel для новичков #10 - Подвал
2 months ago 01:12:47 6
🤯 I MIGRATED a application to in 1 HOUR
2 months ago 00:07:28 1
Laravel для новичков #9 - Компоненты шапки
2 months ago 00:05:06 1
Laravel для новичков #8 - Компонент layout
2 months ago 00:05:09 1
Laravel для новичков #7 - Маршруты страниц
2 months ago 00:08:58 8
Laravel для новичков #5 - Шапка
2 months ago 00:07:12 1
Laravel для новичков #6 - Интерполяция в blade-шаблонах
2 months ago 04:10:06 1
How To Build A Portfolio Website With , , And Framer Motion
2 months ago 00:05:01 1
Laravel для новичков #4 - Установка Tailwind CSS
2 months ago 00:03:11 1
Laravel для новичков #3 - Форматирование кода
2 months ago 00:02:40 1
Laravel для новичков #2 - Плагины PhpStorm
2 months ago 01:17:07 1
Learn Tailwind CSS: Build a Responsive Product Card
2 months ago 00:07:47 1
Boost Traffic with This Free Pinterest Tool
2 months ago 00:10:27 13
Laravel для новичков #1 - Установка и подготовка окружения