Tailwind CSS Fundamentals
What you'll learn
- Install and configure the ideal environment for working with Tailwind CSS
- Build a landing page from scratch, following the latest standards of web development
- Adapt the page to different screen sizes (responsive design)
- Apply CSS states
- Implement an automatic dark mode
- Reuse classes (don't repeat yourself principle)
- Use the first-party Tailwind CSS plugins
- Basic HTML and CSS
- Using a code editor
You will learn about Tailwind CSS, the CSS framework that is changing how you work with CSS. You will discover and experience what makes it different from others.
This course will save you the work of study and research, and you will learn the basics from scratch to build any website you set your mind to.
Learn how to use Tailwind CSS in this comprehensive course.
Adapt the page to different screen sizes (responsive design)
Apply CSS states
Design a dark mode
Reuse your styles (don't repeat yourself principle)
Learn how to install and use plugins
You will build a landing page for a Netflix-like website using the Tailwind CSS utility classes as a course project. You will improve and complete it step by step.
You will see all the ways to install and configure Tailwind CSS, including ways to make quick prototypes.
Configuring Visual Studio Code, and I will show you the plugins I use to work comfortably.
Installing Tailwind CSS and its dependencies, getting everything ready to start working.
Building a Netflix-like landing page with a mobile-first approach.
Adapting the page to different screen sizes, known as responsive design.
Adding CSS states, such as when you hover the mouse over a button.
Configuring your page with an automatic dark mode.
Creating custom classes that you can reuse, to avoid repeating code.
You will also control the official Tailwind CSS plugins:
Typography: to style texts (for example, those coming from a database).
Forms: for styling forms
Line-Clamp : to limit text and achieve visual harmony (now built-in)
After each module of lessons, you will take a quiz to check that you haven't missed anything important.
The course is alive, and I will add more bonus content regularly. You also have access to the repository where I publish the pages' source code.
With this course you will have a good foundation to build any page you set your mind to, with clear and practical lessons.
If you haven't decided yet, you can watch for free some lessons.
And of course, if you have any questions, you can post them in the questions and answers section, where I will answer them.
See you inside!
Who this course is for:
- Web designers and developers who want to improve their frontend skills
- Students with knowledge of HTML and CSS who want to learn a new way of working
- Whoever wants to learn new technologies in web development
Hi! I'm David. I have over 20 years of experience as a web developer, working for startups and agencies.
I've led onsite courses for companies and public institutions during 6 years in Spain, and developed courses globally available in eLearning platforms. My approach aims to teach programming visually and by doing.
I earned a BS in computer engineering from the University of Barcelona in 2015.