Tailwind CSS and JavaScript Product Filtering UI Project

Tailwind CSS and JavaScript Product Filtering UI Project

Traversy Media via YouTube Direct link

- Navbar / Search Area

3 of 11

3 of 11

- Navbar / Search Area

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Tailwind CSS and JavaScript Product Filtering UI Project

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Start The HTML
  3. 3 - Navbar / Search Area
  4. 4 - Main Products & Categories Area
  5. 5 - Hardcode HTML Items
  6. 6 - Start The JavaScript
  7. 7 - Select DOM Elements & Init
  8. 8 - Loop Over Products & Create Elements
  9. 9 - Refactor To Function
  10. 10 - Update Cart Item Count
  11. 11 - Filter Products

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.