[ For Limited Time Only ]
Course Introduction
✔️ BEGINNER TO PRO
✔️ LIFETIME ACCESS
✔️ 19.5 HOURS OF VIDEO
✔️ 127 LESSONS
✔️ ACCESS ON MOBILE/TV
✔️ COMPLETE SOURCE CODE
What you'll learn
✔️ Tailwind CSS 3.0
✔️ Install and configure the ideal
✔️ How to customize Tailwind
✔️ Using Tailwind in VS Code
✔️ Deploying it to WebServer
✔️ Create Blog Project Template
✔️ Create Complete Ecommerce Template
✔️ Responsive Web Design
✔️ Ecommerce Home Page Setup
✔️ Ecommerce Shop Page Setup
✔️ Ecommerce Product Details Page Setup
✔️ Ecommerce Login and Register Page Setup
✔️ Ecommerce User Account and Register Page Setup
A perfectly-structured course packed with exercises, solutions, and a real project. Learn and understand the what's, why's and how's.
Course Curriculum
Introduction To Course & Installing Required Tools
Available in
days
days
after you enroll
Tailwind All Features
Available in
days
days
after you enroll
- 4 Tailwind Installation (21:24)
- 5 Utility-First Approach Part 1 (12:52)
- 6 Utility-First Approach Part 2 (18:38)
- 7 Responsive variants - Tailwind Breakpoints (7:37)
- 8 Hover Focus & Other State Variants (10:57)
- 9 Dark Mode Variants Part 1 (11:09)
- 10 Dark Mode Variants Part 2 (15:57)
- 11 Composing Utilities with Apply Directive (6:49)
- 12 Tailwind @layer Directive - Understand Tailwind Layers (9:05)
- 13 theme and screen - Tailwind Functions (11:50)
- 14 Tailwind Configurations - Advanced Concepts (11:00)
Tailwind Css Basic All Element
Available in
days
days
after you enroll
- 15. Setting Up The Project (6:06)
- 16. Using Container (4:45)
- 17. Setting Width & Height (5:37)
- 18. Using Flexbox (4:46)
- 19. Flex Wrap (4:05)
- 20. Flex Grow & Shrink (4:57)
- 21. Using Grid Layout (6:04)
- 22. Using Row Layout (3:54)
- 23. Grid Flow (2:43)
- 24. Gap & Justifying Items (6:37)
- 25. Justify Individual Items (5:08)
- 26. Padding & Margin (7:37)
- 27. Styling Text (11:22)
- 28. Border Radius (5:40)
- 29. Styling Borders (8:07)
- 30. Input Filed (9:13)
Modern Tailwind 3 CSS Features
Available in
days
days
after you enroll
- 31. First Letter and Selection (5:27)
- 32. Label After (4:14)
- 33. Color Box Shadows (5:39)
- 34 Print Modifier (6:11)
- 35. Modern Aspect Ratio Api Part 1 (6:01)
- 36. Modern Aspect Ratio Api Part 2 (5:05)
- 38. Scroll Snap Api (6:19)
- 39. Perfect Scroll Behavior (6:11)
- 40. Multi Coulumn Layout (3:57)
- 41. Arbitrary Properties (4:03)
- 42. Fancy Underline Style (4:12)
- 43. Play CND (8:57)
Project Building A Basic Blog Template Design With Tailwind
Available in
days
days
after you enroll
- 44a Blog Project Introduction - What you will build (4:08)
- 44 Blog Project Setup (9:49)
- 45.Design a Blog Header Navbar Part 1 (14:00)
- 46.Design a Blog Header Navbar Part 2 (11:34)
- 47.Design a Blog Sidebar for Category Part 1 (9:41)
- 48.Design a Blog Sidebar for Category Part 2 (10:38)
- 49.Design a Blog Random Post Part 1 (12:18)
- 50.Design a Blog Random Post Part 2 (4:52)
- 51.Design a Blog Main Post Part 1 (10:51)
- 52 .Design a Blog Main Post Part 2 (12:55)
- 53 .Design a Blog Main Post Part 3 (9:37)
- 54.Design a Blog Social Media Area (10:42)
- 55.Design a Blog Popular Post Area (3:03)
- 56.Design a Blog Tags Area (8:30)
- 57.Design a Blog Footer Page (3:29)
- 58.Design a Blog Details Page (12:03)
- 59.Design a Blog Details Comment Part 1 (16:46)
- 60.Design a Blog Details Comment Part 2 (7:34)
- 61.Setup Mobile Responsive Part 1 (7:59)
- 62.Setup Mobile Responsive Part 2 (13:17)
- 63.Setup Mobile Responsive Part 3 (11:19)
- 64.Setup Mobile Responsive Part 4 (10:51)
Project Building A Complete Ecommerce Template Design With Tailwind
Available in
days
days
after you enroll
Ecommerce Home Page Setup
Available in
days
days
after you enroll
- 70 Project Header Setup Part 1 (18:36)
- 71 Project Header Setup Part 2 (12:34)
- 72 Navbar Setup Part 1 (9:59)
- 73 Navbar Setup Part 2 (8:25)
- 74 Dropdown Setup (14:12)
- 75 Banner Setup (14:17)
- 76 Features Setup (14:03)
- 77 Categories Setup (15:06)
- 78 Product Card Setup Part 1 (13:33)
- 79 Product Card Setup Part 2 (17:32)
- 80 Ad Section Setup (2:57)
- 81 Recomended Section Setup (4:13)
- 82 Footer Setup Part 1 (11:08)
- 83 Footer Setup Part 2 (14:49)
- 84 Footer Setup Part 3 (5:33)
- 85 Page Responsive Setup Part 1 (15:26)
- 86 Page Responsive Setup Part 2 (16:17)
- 87 Page Responsive Setup Part 3 (4:58)
- 88 Fixed Home Page Product Design (5:47)
Ecommerce Shop Page Setup
Available in
days
days
after you enroll
Ecommerce Product Details Page Setup
Available in
days
days
after you enroll
Ecommerce Login and Register Page Setup
Available in
days
days
after you enroll
Ecommerce User Account and Register Page Setup
Available in
days
days
after you enroll
Ecommerce Profile Address Page Setup
Available in
days
days
after you enroll
Ecommerce Wishlist and Checkout Page Setup
Available in
days
days
after you enroll
Ecommerce Cart and Order Page Setup
Available in
days
days
after you enroll
Ecommerce Deploy to Live Server
Available in
days
days
after you enroll
Requirements
✔️ Having some experience with CSS are necessary. Experience with other CSS frameworks like Bootstrap will help but are not mandatory.
✔️ Using a code editor
30-Day Money-Back Guarantee
Try it risk-free
You can ask for a refund any time during the first 30 days
if you decide the course isn’t for you.
