Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript

Veröffentlicht am: 29 Oktober 2024
auf dem Kanal: Traversy Media

31,735

1.2k

Build a Tesla Model Y Configurator interface using nothing but HTML, Tailwind CSS and JavaScript.

Code:
https://github.com/bradtraversy/tesla...

Codepen:
https://codepen.io/bradtraversy/pen/j...

My Courses:
https://traversymedia.com

Timestamps:

0:00 - Intro
4:03 - Create Files
5:40 - Base HTML
7:08 - Top Bar & Header
10:21 - Main Layout
13:10 - Image Section
15:46 - Start Sidebar
16:28 - Exterior Buttons
20:23 - Interior Buttons
23:30 - Wheel Options
25:38 - Full Self Driving
27:36 - Performance Upgrade
29:00 - Accessories & Pricing
33:00 - JavaScript Start - Top Bar Animation
38:07 - Color Buttons Select Border
44:38 - Image Map Object
47:36 - Change Image On Color Select
50:17 - Wheel Selection
56:04 - Refactor To Keep Selected Color
1:02:34 - Performance Button Select
1:05:14 - updateTotalPrice Function
1:09:22 - Add Wheel Price
1:10:43 - Add Performance Upgrade Price
1:12:37 - Full Self-Driving Price
1:16:43 - Accessories Price
1:21:55 - Payment Breakdown Calculation

Auf dieser Seite können Sie das Online-Video Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Traversy Media 29 Oktober 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 31,735 Mal angesehen und es wurde von 1.2 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

284