Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build Websites with JavaScript and Tailwind CSS - The Ultimate Guide
01 Design a product landing page
Source Files
01 Introduction To The Course (1:31)
02 Introduction Of The Instructor (1:01)
03 What Is Tailwind Css (1:07)
02. Getting starting with Tailwind
01 How To Get Started With Tailwind Css (13:25)
03. Design a product landing page
Source Files
01 Project Preview (1:06)
02 Set Up Project (0:47)
03 Design A Header Section (16:03)
04 Design A Main Section (11:54)
05 Design A Footer (9:26)
06 Design A Testimonials Section (10:27)
07 Build An Email Subscribe Card (9:56)
08 Build Pricing Grids (15:30)
09 Build A Product Modal (16:50)
10 Build An Image Gallery (7:17)
04. Design for mobile
Source Files
01 Project Preview (1:29)
02 Design A Hamburger Button And Animation (9:16)
03 Design A Mobile Menu (4:43)
04 Implement Responsivity (3:10)
05 Design Smooth Scroll (6:23)
05. Implement dark mode
Source Code
01 Project Preview (0:54)
02 Design A Dark Mode Button (5:58)
03 Set Color Mode With Javascript (7:18)
06. Design a form
Source Files
01 Project Preview (1:05)
02 Design A Form (11:16)
03 Javascript Link Validation (9:13)
07. Design a grid social media website
Source code
01 Project Preview (1:03)
02 Set Up Project (2:37)
03 Design The First Box In The Grid (10:09)
04 Design Remaining Boxes (12:33)
05 Build Grid Classes (5:29)
08. Design a portfolio web app with Tailwind CSS and JavaScript
Source code
01 Project Preview (1:15)
02 Set Up Project (8:00)
03 Design A Navigation Menu (6:32)
04 Design Header (6:44)
05 Design Main Content (4:59)
06 Design Footer (14:25)
07 Design More Sections (16:28)
08 Implement Responsivity (16:59)
09. Design a mobile first ecommerce website with Tailwind CSS and Javascript
Source code
01 Project Preview (2:11)
02 Set Up Project (8:00)
03 Design Header (7:24)
04 Design Main Content (4:40)
05 Design Footer (13:17)
06 Design A Login Modal (16:12)
07 Design A Cart Modal (17:06)
08 Design More Sections (8:03)
09 Implement Responsivity (6:01)
03 Design Header
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock