Share Description
In this course, you will :
- Make a name for yourself as a skilled professional designer and developer.
- Learn how to style websites in a modern way using real-world examples.
- Learn all of the Tailwind CSS concepts.
- Styles are created ten times faster than with standard CSS.
- Using Breakpoints, you can create fully responsive websites.
- Create your own real-world Tailwind application.
- Make clean, lightweight websites.
- Learn how to use Tailwind CSS to create a "Tesla" landing page.
- Learn the best practises.
- And a lot more.
Syllabus :
1. 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
2. Tailwind CSS concepts - Basic to Advanced
- How to use Documentation
- Most Used Classes in Tailwind CSS
- Hover, focus & active effect
- Responsive Design
- Dark Mode
- Customize default style
- Directives and function
3. Build 'Tesla' landing page
- 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
