Tailwind CSS Tutorial: Installation and First Steps

Course link: https://bit.ly/2WNDou1
How to install Node.js (PDF): https://www.dropbox.com/s/hh372z1bxg5cssy/Installing%20Node.js.pdf?dl=1

00:00 Presentation of the guide
01:04 The Playground: a full-featured online editor
11:38 The CDN: working on your machine without installing anything
14:14 The compiler: installing Tailwind CSS and creating the final CSS file
21:16 Getting started: converting standard CSS to Tailwind CSS
35:00 Keep learning! My Tailwind CSS course

In this installation and getting started guide, you will learn to get Tailwind CSS ready to start working on your projects.

We will cover the 3 ways to work with Tailwind CSS:

Using the Playground. This is an online editor on the Tailwind CSS official website, where as you write your HTML, a preview reflects how the page looks. In real-time.

Using the CDN version of Tailwind CSS. It is a fast way to work with your own code editor without installing anything. In the course, you will see how to do it with Visual Studio Code, where I will also show you which extensions I use.

Using the Tailwind CSS compiler. The recommended way to work seriously with this CSS framework. You will learn to install Tailwind CSS on your machine and compile a final optimized CSS file.

You will also learn how to:

Install the official plugins, with simple examples of using a couple of them.

Convert HTML using standard CSS to the Tailwind CSS utility classes.

Tailwind CSS is a growing framework that progresses quickly with changes that can sometimes be complicated to understand. This course is going to be updated to cover the most current version.

Let's get to it!