Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript
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
Watch video Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript online, duration hours minute second in high quality that is uploaded to the channel Traversy Media 29 October 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 10,736 times and liked it 641 visitors.
