Lompat ke konten Lompat ke sidebar Lompat ke footer

Learn Tailwind CSS - React JS with Hands On Projects 2022

Coupon Udemy Free

Learn Tailwind CSS - React JS with Hands On Projects 2022

Learn Tailwind CSS - React JS with Hands On Projects 2022 - 
Learn the most popular utility css framwork tailwind css framework

K.Sathyaprakash Reddy

Hot & new

Preview this course GET COUPON CODE

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

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 JavaScript

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


Colours and Background Colours

Heights and Widths

Spacing (Margin and Padding)


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
100% Off Udemy Coupon . Free Udemy Courses . Online Classes

Posting Komentar untuk "Learn Tailwind CSS - React JS with Hands On Projects 2022"