Jan

09

2022

Learn Tailwind CSS - React JS with Hands On Projects 2022

Laser 9 Jan 2022 14:38 LEARNING » e-learning - Tutorial

Learn Tailwind CSS - React JS with Hands On Projects 2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 ChGenre: eLearning | Language: English + srt | Duration: 35 lectures (5h 22m) | Size: 2.7 GB

Learn the most popular utility css framwork tailwind css framework

Utility CSS framework
Differences between Plain CSS , Bootstrap , Tailwind
How Tailwind Works
All important styling concepts for bners with examples
Three Hand on projects

CSS Basics
jаvascript Basics
React Basics

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 (Ma 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

Front End Developers
React Developers
Tailwind Developers






DOWNLOAD
uploadgig.com



rapidgator.net


nitro.download

High Speed Download

Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis