Description
In this course, you will :
- Learn a modern way to style websites and never go back to using regular CSS.
- Learn and understand how to use Tailwind Utility Classes to style elements.
- Create Fully Responsive Websites Using Breakpoints.
- Learn to Create a Real Estate Website.
- Learn how to create interactive dashboards with components like charts.
- Learn how to use Tailwind Classes to create components.
Syllabus:
1. Tailwind Basics
- Setting Up A Tailwind Project
- Attaching Tailwind CSS With HTML
- Creating Containers With Utility Classes
- Adding Width & Height Properties To Elements
- Understanding How Flexbox Works In Tailwind
- Wrapping Flex Items
- Making Flex Items Grow & Shrink
- Creating A Grid Layout
- Creating A Row Layout
- Adjusting Flow Of Elements In Grid Layout
- Adding Gap Between & Justifying Items
- Justify Individual Items
- Adding Padding & Margin To Elements
- Typography: Styling Text Using Tailwind Utility Classes
- Adding Border Radius To Elements
- Styling Borders
- Adding Shadows To Elemetns
- Using Breakpoints To Add Responsive Behaviour
- Understanding & Using Pseudo Selectors
- Layer & Apply Directives
- Code Reuse By Using Components
- Understanding How Utility Classes Work In Tailwind
- How Apply Directive Works
- Understanding Layer Directive
2. Building A Real Estate Portal With Tailwind
- Real Estate Listing Portal: Project Overview
- Designing Navigation
- Designing Banner
- Fixing Alignment Issue
- Card Part 1
- Card Part 2
- Card Part 3
- Site Banner
- Adding Another Card
- Adding Another Banner
- Client Testimonials
- Contact Form
- Shrinking Form
- Creating Footer Heading
- Creating Footer Menu
- Adding Final Touches
3. Building Admin Dashboard With Tailwind
- Setting Up The Project
- Designing Navbar
- Designing Top Menu
- Adding Site Banner
- Creating Cards Container
- Adding Charts
- Adding More Charts
- Fixing Nav Issue
- Cards Container
- Adding Chart To Card
- Adding Table Header
- Adding Single Channel Container
- Adding Right Section Of The Channel