Tailwind CSS - A Modern Way To Build Websites Using CSS

Tailwind CSS : A Modern Way To Build Websites Using CSS, available at $69.99, has an average rating of 4.32, with 68 lectures, based on 572 reviews, and has 3794 subscribers.

You will learn about Learn A Modern Way To Style Websites & Never Go Back To Using Regular CSS Learn & Understand How To Use Tailwind Utility Classes To Style Elements Build Full Responsive Websites Using Breakpoints Learn To Build A Real Estate Website Learn To Build Interactive Dashboards With Components Like Charts Learn How To Use Tailwind Classes To Create Components This course is ideal for individuals who are Developers who want to learn how to style their websites in a modern way or Students who know CSS and want to learn how to use Tailwind or Developers who want an alternative to Bootstrap It is particularly useful for Developers who want to learn how to style their websites in a modern way or Students who know CSS and want to learn how to use Tailwind or Developers who want an alternative to Bootstrap.

Enroll now: Tailwind CSS : A Modern Way To Build Websites Using CSS

Summary

Title: Tailwind CSS : A Modern Way To Build Websites Using CSS

Price: $69.99

Average Rating: 4.32

Number of Lectures: 68

Number of Published Lectures: 68

Number of Curriculum Items: 68

Number of Published Curriculum Objects: 68

Original Price: $189.99

Quality Status: approved

Status: Live

What You Will Learn

Learn A Modern Way To Style Websites & Never Go Back To Using Regular CSS

Learn & Understand How To Use Tailwind Utility Classes To Style Elements

Build Full Responsive Websites Using Breakpoints

Learn To Build A Real Estate Website

Learn To Build Interactive Dashboards With Components Like Charts

Learn How To Use Tailwind Classes To Create Components

Who Should Attend

Developers who want to learn how to style their websites in a modern way

Students who know CSS and want to learn how to use Tailwind

Developers who want an alternative to Bootstrap

Target Audiences

Developers who want to learn how to style their websites in a modern way

Students who know CSS and want to learn how to use Tailwind

Developers who want an alternative to Bootstrap

Tailwind CSS : A Modern Way To Build Websites Using Tailwind CSS

Here Is What You Get By Enrolling In This Course:

Word-By-Word Explanation: In the entire course, I explain each line of code, without skipping a single line of code.

Awesome Quality Content: Over 6+ hours of HD(1080p) Videos.

Well Structured & Easy To Learn:Course has been specially designed to make it easy for the students to learn how to build modern and responsive web layouts using Tailwind CSS.

24 X 7 Support: I will always be there to guide you in your journey to become Tailwind CSS expert.

Here Is A Brief Introduction About This Complete Course:

Tailwind CSS is a framework that provides a way to style your website right in the HTML itself without having to write external CSS.

Let’s face it, CSS is hard to write and maintain, all those class names will leave you confused and styling elements is quite complex with regular CSS.

On the other hand, using frameworks like Bootstrap makes your website look like every other website that uses one.

Tailwind provides a perfect solution to both the problems, it provides you with utility classes which provide a more granular level control over how your website looks like so that your website design stands apart from the rest.

On the other hand, styling a webpage becomes much easier as you just have to use pre-defined Tailwind utility classes in your HTML and would never have to fiddle with an external CSS file.

Once you use Tailwind you will never go back to the older way of just using plain simple CSS.

The entire course is divided into 4 sections as follows:

Section 1: Introduction & Installation.

This section covers what Tailwind is, how it is different from bootstrap and the pros and cons of using Tailwind over other frameworks or regular CSS. We also learn how to setup tailwind in our web project.

Section 2: Tailwind Basics.

Before jumping into building projects, we first get acquainted with Tailwind basics. We learn how to use containers, flex box and grid layouts to place elements on webpage. We learn how to add margin, padding and spacing between these elements just by using Tailwind utility classes.

We also learn how to add borders, shadows and border radius to elements like buttons.

Section 3: Building A Fully Responsive Real Estate Portal.

After learning Tailwind CSS basics, we jump into building a real-estate portal using tailwind. We build a responsive navigation bar, a site banner with buttons which. adjust itself as per breakpoints. We also learn how to create card components to display property images and property details in a modern way. We also create a client testimonial section using the card layout in which the cards are fully responsive. Finally we create a contact form and a site footer to wrap up the project.

Section 4: Building A Modern Admin Dashboard.

In this section we learn how to build a modern looking site administrator dashboard which displays statistical data with dynamic charts. The entire dashboard will be built with pure Tailwind CSS utility classes.

So let’s begin the journey of becoming a Tailwind CSS expert.

In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message me directly and I will do my best to get back to you as soon as possible!

Make sure to enrol in the course before the price changes.

Take yourself one step closer towards becoming a professional API developer by clicking the “take this course button” now!

Join the journey.

Sincerely,

Ashutosh Pawar

Course Curriculum

Chapter 1: Introduction To Course & Installing Required Tools

Lecture 1: Course Introduction

Lecture 2: Introduction To Tailwind

Lecture 3: Installing Node

Lecture 4: Installing VS Code

Lecture 5: Downloadable Resources

Chapter 2: Tailwind Basics

Lecture 1: Setting Up A Tailwind Project

Lecture 2: Attaching Tailwind CSS With HTML

Lecture 3: Creating Containers With Utility Classes

Lecture 4: Adding Width & Height Properties To Elements

Lecture 5: Understanding How Flexbox Works In Tailwind

Lecture 6: Wrapping Flex Items

Lecture 7: Making Flex Items Grow & Shrink

Lecture 8: Creating A Grid Layout

Lecture 9: Creating A Row Layout

Lecture 10: Adjusting Flow Of Elements In Grid Layout

Lecture 11: Adding Gap Between & Justifying Items

Lecture 12: Justify Individual Items

Lecture 13: Adding Padding & Margin To Elements

Lecture 14: Typography: Styling Text Using Tailwind Utility Classes

Lecture 15: Adding Border Radius To Elements

Lecture 16: Styling Borders

Lecture 17: Adding Shadows To Elemetns

Lecture 18: Using Breakpoints To Add Responsive Behaviour

Lecture 19: Understanding & Using Pseudo Selectors

Lecture 20: Layer & Apply Directives

Lecture 21: Code Reuse By Using Components

Lecture 22: Understanding How Utility Classes Work In Tailwind

Lecture 23: How Apply Directive Works

Lecture 24: Understanding Layer Directive

Chapter 3: Building A Real Estate Portal With Tailwind

Lecture 1: Real Estate Listing Portal: Project Overview

Lecture 2: Designing Navigation Part 1

Lecture 3: Designing Navigation Part 2

Lecture 4: Designing Navigation Part 3

Lecture 5: Designing Banner Part 1

Lecture 6: Designing Banner Part 2

Lecture 7: Fixing Alignment Issue

Lecture 8: Card Part 1

Lecture 9: Card Part 2

Lecture 10: Card Part 3

Lecture 11: Site Banner

Lecture 12: Adding Another Card

Lecture 13: Adding Another Banner

Lecture 14: Client Testimonials

Lecture 15: Contact Form Part 1

Lecture 16: Contact Form Part 2

Lecture 17: Shrinking Form

Lecture 18: Creating Footer Heading

Lecture 19: Creating Footer Menu Part 1

Lecture 20: Creating Footer Menu Part 2

Lecture 21: Creating Footer Menu Part 3

Lecture 22: Adding Final Touches

Chapter 4: Building Admin Dashboard With Tailwind

Lecture 1: Setting Up The Project

Lecture 2: Adding Logo

Lecture 3: Designing Navbar

Lecture 4: Designing Top Menu Part 1

Lecture 5: Designing Top Menu Part 2

Lecture 6: Adding Site Banner

Lecture 7: Creating Cards Container

Lecture 8: Adding Card Content

Lecture 9: Adding Charts

Lecture 10: Adding More Charts

Lecture 11: Fixing Nav Issue

Lecture 12: Cards Container

Lecture 13: Adding Chart To Card

Lecture 14: Adding Table Header

Lecture 15: Adding Single Channel Container

Lecture 16: Adding Right Section Of The Channel

Chapter 5: Conclusion

Lecture 1: Course Conclusion

Instructors

Ashutosh Pawar
Python & Django Geek, Software Engineer, Entrepreneur.

Rating Distribution

1 stars: 5 votes

2 stars: 11 votes

3 stars: 56 votes

4 stars: 211 votes

5 stars: 289 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!