Skip to content
Write a review
UdemyWeb DevelopmentPaid courseAll LevelsCertificate

Master Tailwind CSS: Build 2 Advanced Projects (Udemy.com)

Master the latest Tailwind CSS v.3 with project based approach and learn to convert Figma design to Tailwind CSS website

4.2
70 reviews

Created by: Zekaryas Yohannes

Last updated February 2023

icon
What you will learn

  • Customize & Configure Tailwind CSS.
  • Make Ultra responsive designs with Tailwind CSS (RWD).
  • Write Optimized and Performant Code for Production.
  • Apply Dark and Light Mode.
  • Managing duplication and create reusable styles.
  • Convert Figma design to Real website Using Tailwind CSS

How it compares

Against the other 815 rated Udemy courses in Web Development on CourseDuck:

  • Rating4.2 out of 5higher than 13% of them
  • Reviews70#710 of 816 by number of reviews
  • Length3.6 hoursshorter than 73% of them
  • Last updatedFebruary 2023earlier than 71% of them

icon
Course Description

Tailwind CSS is a highly customizable CSS framework which can be used directly in your HTML. No more heavy CSS. it's designed from the ground up with customization in mind.

Why Tailwind CSS?

• Easily customize and configure however you want to.

• Create unique looking website (this is not the case in Bootstrap).

• Utility First

• Faster CSS Styling Process

• Responsive Design.

• Easily used with any frameworks.

• Tiny (super fast in production).

• Easily apply Dark Mode and more themes.

• Beautiful Color Presets.

• Plugins.

• Customization...Customization...Customization.


In this course I will take project based approach to teach you the latest Tailwind CSS. we will build 2 beautiful real world production ready websites together. we will see the basics, some of the advanced concepts and techniques to achieve our needs. In these project we will not only see the common designs(like cards, buttons, form inputs...) but we will go beyond and cover how you can make really great designs.

I will update this course regularly when necessary.


What You Will Learn?

• Customize & Configure Tailwind CSS.

• Write Optimized and Performant Code for Production. ?

• Make responsive designs with Tailwind CSS (RWD).

• Apply Dark and Light Mode.

• Managing duplication and creating reusable styles.

• Not only bound to the pre-defined styles but you will learn hot to add and customize your own presets.

• Practically Understand the difference between tailwind CSS and other CSS frameworks like bootstrap.


2 Real World Projects

We will create 2 real world websites. These projects are open source and free to use.

  1. Tail Listing - Business and Directory Listing Website

  2. Tail Furniture - Furniture Showcase Website (Figma to Tailwind CSS)
Read More All Levels All Levels product length iconTime: 3.6h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Zekaryas Yohannes

Hi! I'm professional web developer specializing in .NET Technologies, C#, ASP.NET Core, PHP, Laravel, Python, Javascript, Typescript, Vue, React, alpinejs, Tailwind CSS and Bootstrap. I have been doing software development for almost 5+ years.

I have worked on many Projects and Startups and teaching for about 2+ years. mostly my tutorials guides students step by step and uses project based approach for easy and effective learning.

Read More

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

All Web Development courses

icon
Reviews

4.2

70 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Kaleab Dereje on 2/27/2023

this is really great tutorial i'm learning new stuffs!

By ROSHAN BADOLA on 11/23/2022

it was good learning from you.

By Vivien HOUNSOUNOU on 11/8/2022

set the editor's font size to 20 when you are recording a video for other people. You can do what you like to your own eyes, but please be mindful of other people's eyes.

By Azim Hossain on 10/11/2022

Best course for beginners.

By Phung Pham on 7/21/2022

I like the project that being walked-through with tailwindCSS. Very helpful course. Thank you instructor.

By Muhammad Abror Abyyu on 6/29/2022

it is really good even though the audio didn't good

By Jardel Ricardo de Paula Paes on 6/13/2022

áudio do professor está horrível.

By Ralph Linares on 6/6/2022

Just starting the course and it looks very promising. Looking forward to learning a lot from this course!

By Nanael Manale on 4/6/2022

Fantastic course. Zekaryas is a great instructor. He takes the time to clearly explain all the major tailwind css classes and when to propertly use them. The course projects are very helpful for learning how tailwind css is applied to build real applications.

By Abenezer Berhanu on 4/3/2022

Really great course to learn tailwindcss. Love the projects and I gained so much knowledge out of it

Showing all 10 reviews on CourseDuck

Read all 70 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100

Master Tailwind CSS: Build 2 Advanced Projects
Visit course on Udemy Write a review
  • Video Duration: icon 3.6h
  • Price: $44.99
  • Provider: icon Udemy
  • Updated: icon February 2023
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com