The ultimate Tailwind 2021 course

Learn Tailwind in detail and build 3 famous applications design

Welcome to this Tailwind course.

What you’ll learn

  • Tailwind concepts.
  • How to use the layout utilities to position items.
  • How to manage items groups like grids.
  • How to control the spacing between elements.
  • How to size elements.
  • How to apply typography utilities to style a text.
  • How to control bachgrounds and borders.
  • How to apply filters on elements.
  • How to use animations.
  • How to use interactivity utilities.
  • how to design your app for different screens sizes.
  • How to develop dark mode feature in your app.

Course Content

  • Introduction –> 1 lecture • 1min.
  • Why we need to learn Tailwind ? –> 1 lecture • 8min.
  • Core Concepts –> 4 lectures • 17min.
  • Manage Layout in Tailwind –> 13 lectures • 46min.
  • Group items with Flexbox and Grid –> 17 lectures • 41min.
  • Control spacing and sizing of elements –> 4 lectures • 11min.
  • Styling text elements –> 5 lectures • 19min.
  • Manage backgrounds –> 1 lecture • 11min.
  • Manage borders –> 1 lecture • 11min.
  • Apply effects and filters to elements + Tables –> 5 lectures • 12min.
  • Transitions, animations and transforms –> 2 lectures • 19min.
  • Interactivity and SVG –> 2 lectures • 13min.
  • Project 1 : Design Ebay Page –> 4 lectures • 59min.
  • Project 2 : design Instagram page –> 4 lectures • 41min.
  • Project 3 : Design Messenger page –> 4 lectures • 47min.

The ultimate Tailwind 2021 course

Requirements

  • A computer and an internet connexion.
  • A strong willingness to learn.

Welcome to this Tailwind course.

Tailwind has known an amazing popularity in the web community so learning it would be interesting skill to add to your technical skills list.

For me, I think anyone who is using CSS should learn Tailwind to benefit from its capabilities.

This course covers Tailwind in detailBasic to advanced features and utilities are covered . The explanation goes with examples (one or many depending on the complexity of the concept)

The course is based on the latest version of Tailwind.

At the end of the course, we will build 3 projects : Ebay , Messenger and Instagram designs.

The course covers the following concepts :

  • Why using Tailwind ?
  • Tailwind core concepts
  • Manage layout in Tailwind
  • Group items with flexbox and grid
  • Control spacing and sizing of elements
  • Styling text elements
  • Manage borders and backgrounds
  • Apply effects and filters to elements ( blur , brightness, contrast, shadow, grayscale, saturate, sepia + backdrop filters)
  • Transitions, animations and transforms
  • Interactivity and SVG
  • Project 1 : Ebay
  • Project 2 : Instagram
  • Project 3 : Messenger

I hope this course will benefit you to be able to design beautiful apps.

If you have any question about an unclear point in the videos  you can ask me , i will try to answer the soonest possible.