TailwindCSS 2 - Learn TailwindCSS for Beginners

Learn one of the best utility-first frameworks on the web
New
Rating: 5.0 out of 5 (1 rating)
3,117 students
English

What TailwindCSS is and how you can use it
How to setup TailwindCSS
How to make responsive designs
How to add custom fonts to TailwindCSS
How to customize TailwindCSS classes
How to purge your TailwindCSS file

Requirements

  • Basic HTML5 knowledge
  • Basic CSS3 knowledge

Description

Are you tired of using CSS3 and styling everything yourself? Well, you are at the right place because this course will be a complete Tailwind 2 tutorial.

Tailwind is a utility-first framework that will make your life so much easier because it is packed with classes.

In this video, we’ll be setting up Tailwind, going over fonts, colors, alignment, background colors, gradients, images, padding, margin, grid, flexbox, hover, animations, transitions and transformation.

Next to that, we’re going to dive into responsive designs, and how to customize Tailwind. At the end of the course, you’ll be learning how you can purge your Tailwind CSS file since it’s almost 5MB!

We won’t be creating projects in here, but we will simply cover important topics in that you need to know before starting to use TailwindCSS. This is a video series I have created for my YouTube channel but I thought I’d add it to Udemy.


This course is for:

· Anyone that wants to learn Tailwind

· Students that are tired of using CSS3 and want to use something which is a lot easier

· Web Designers

· Anyone who wants to make beautiful designs


After completing this course, you will know everything you need to design your websites in Tailwind.

Who this course is for:

  • Beginners that want to learn web design

Course content

1 section13 lectures1h 56m total length
  • Introduction to TailwindCSS
    06:14
  • Setting up TailwindCSS
    10:14
  • Fonts, Colors and Alignment
    13:47
  • Background Colors & Gradients
    11:22
  • Background Images
    07:28
  • Padding & Margin
    09:35
  • Grid
    09:56
  • Flexbox
    07:36
  • Hover, Animations, Transitions & Transformations
    13:11
  • Responsive designs
    08:04
  • Custom Fonts
    05:24
  • Customize TailwindCSS Classes
    07:28
  • Purging Your TailwindCSS File
    06:15

Instructor

Web Developer & Designer
Dary Nazar
  • 4.6 Instructor Rating
  • 899 Reviews
  • 33,163 Students
  • 3 Courses

My name is Dary Nazar and I am a software engineer. After I U-turned away from a comfortable yet unfulfilling life, I cherished into this field – teaching programming. At this point in my development, I have experience in all facets of programming.

I’m constantly learning new web technologies and design methods. Currently, I’m playing around with Node.js and Python, apart from polishing my designs.

I try to make complex topics as easy as possible by explaining it to you in a simple and understandable way.