Introduction (Getting Started)
  • Introduction of this course
  • Prerequisite
  • How to take this course
  • Getting Help
  • Resources for this course
Introduction of Tailwind CSS
  • What is Tailwind CSS?
  • Setting up the development Environment
  • Install Tailwind CSS using CDN link
  • Install Tailwind using PostCSS
  • Add build watcher script
  • Update in scripts
  • Summary
Tailwind CSS Basic to Advanced Concepts
  • Introduction of this section
  • How to use Documentation
  • Most Used Classes in Tailwind CSS
  • Exercise 1 and It's solution
  • Responsive Design
  • Hover, focus & active effect
  • Dark Mode
  • Exercise 2
  • Customize default style
  • Directives and function
  • Summary
Build 'Tesla' landing page
  • Introduction about this project
  • Setting up the development environment
  • Starting with the navbar
  • Create Image section
  • Add Car heading and tagline
  • Create Buttons for image section
  • Add bouncing arrow
  • Create all section for this page
  • Exercise - Create website responsive
  • Optimize CSS for production