Learn Tailwind CSS - React JS with Hands On Projects (2022)

What you'll learn
Utility CSS framework
Differences between Plain CSS , Bootstrap , Tailwind
How Tailwind Works
All important styling concepts for beginners with examples
Three Hand on projects
Requirements
CSS Basics
jаvascript Basics
React Basics
Description
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and jаvascript
Tailwind CSS can be used to make websites in the fastest and the easiest way.
Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
The beauty of this thing called tailwind is it doesn't impose design specification or how your site should look like, you simply bring tiny components together to construct a user interface that is unique. What Tailwind simply does is take a 'raw' CSS file, processes this CSS file over a configuration file, and produces an output.
Advantages of Tailwind CSS
No more silly names for CSS classes and Id's.
Minimum lines of Code in CSS file.
We can customize the designs to make the components.
Makes the website responsive.
Makes the changes in the desired manner.
CSS is global in nature and if make changes in the file the property is changed in all the HTML files linked to it. But with the help of Tailwind CSS we can use utility classes and make local changes.
Topics we will cover in this course
Tailwind Introduction
Differences between Plain CSS , Bootstrap , Tailwind CSS
React Tailwind Integration
Typography
Colours and Background Colours
Heights and Widths
Spacing (Margin and Padding)
Flexboxes
Alignment with Flexboxes
Curser and Hover Effects
Positions (Static , Fixed , Absolute , Relative)
Alignment with Positions
Grid System
Media Queries
Responsive Views
Customising Tailwind Classes
3 Hands On Projects
Who this course is for
Front End Developers
React Developers
Tailwind Developers
Homepage

https://www.udemy.com/course/learn-tailwind-css-react-js-with-hands-on-projects-2022/