Build a Tesla Model Y Car Configurator with Tailwind CSS and JavaScript

Build a Tesla Model Y Car Configurator with Tailwind CSS and JavaScript

Traversy Media via YouTube Direct link

- Intro

1 of 26

1 of 26

- Intro

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build a Tesla Model Y Car Configurator with Tailwind CSS and JavaScript

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

  1. 1 - Intro
  2. 2 - Create Files
  3. 3 - Base HTML
  4. 4 - Top Bar & Header
  5. 5 - Main Layout
  6. 6 - Image Section
  7. 7 - Start Sidebar
  8. 8 - Exterior Buttons
  9. 9 - Interior Buttons
  10. 10 - Wheel Options
  11. 11 - Full Self Driving
  12. 12 - Performance Upgrade
  13. 13 - Accessories & Pricing
  14. 14 - JavaScript Start - Top Bar Animation
  15. 15 - Color Buttons Select Border
  16. 16 - Image Map Object
  17. 17 - Change Image On Color Select
  18. 18 - Wheel Selection
  19. 19 - Refactor To Keep Selected Color
  20. 20 - Performance Button Select
  21. 21 - updateTotalPrice Function
  22. 22 - Add Wheel Price
  23. 23 - Add Performance Upgrade Price
  24. 24 - Full Self-Driving Price
  25. 25 - Accessories Price
  26. 26 - Payment Breakdown Calculation

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.