Tailwind CSS: Complete Installation & Getting Started Guide

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!