Master Tailwind CSS: Build 2 Advanced Projects

Master Tailwind CSS: Build 2 Advanced Projects, available at $44.99, has an average rating of 4.35, with 23 lectures, based on 67 reviews, and has 8241 subscribers.

You will learn about 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 This course is ideal for individuals who are For anyone with no previous tailwind CSS experience. or For frontend/backend Developers. or Already Know Tailwind CSS but want to learn more and build projects. or Anyone who want to learn and work with Tailwind CSS. It is particularly useful for For anyone with no previous tailwind CSS experience. or For frontend/backend Developers. or Already Know Tailwind CSS but want to learn more and build projects. or Anyone who want to learn and work with Tailwind CSS.

Enroll now: Master Tailwind CSS: Build 2 Advanced Projects

Summary

Title: Master Tailwind CSS: Build 2 Advanced Projects

Price: $44.99

Average Rating: 4.35

Number of Lectures: 23

Number of Published Lectures: 23

Number of Curriculum Items: 23

Number of Published Curriculum Objects: 23

Original Price: $59.99

Quality Status: approved

Status: Live

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

Who Should Attend

For anyone with no previous tailwind CSS experience.
For frontend/backend Developers.
Already Know Tailwind CSS but want to learn more and build projects.
Anyone who want to learn and work with Tailwind CSS.

Target Audiences

For anyone with no previous tailwind CSS experience.
For frontend/backend Developers.
Already Know Tailwind CSS but want to learn more and build projects.
Anyone who want to learn and work with Tailwind CSS.

Tailwind CSS is a highly customizableCSS 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 regularlywhen necessary.

What You Will Learn?

• Customize& ConfigureTailwind 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.

• PracticallyUnderstand 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.

Tail Listing– Business and Directory Listing Website
Tail Furniture– Furniture Showcase Website (Figma to Tailwind CSS)

Course Curriculum

Chapter 1: Introduction and Getting Started

Lecture 1: Welcome and Introduction

Lecture 2: Intro to Tailwind CSS

Lecture 3: Installation and setup

Lecture 4: Customize and Configure

Chapter 2: Project 1 – Business and Directory Listing Website

Lecture 1: Project Overview

Lecture 2: Navigation bar and Banner

Lecture 3: Popular Categories Section

Lecture 4: Discover by Categories and Collections section

Lecture 5: Teams Section

Lecture 6: Testimonials Section

Lecture 7: Contact Us Section

Lecture 8: Features Section

Lecture 9: Loading section

Lecture 10: Footer Section

Lecture 11: Updating Navigation Bar

Lecture 12: Tweaks and Changes

Chapter 3: Advanced Tailwind CSS

Lecture 1: Responsive Design – 1

Lecture 2: Responsive Design – 2

Lecture 3: Applying Dark Mode

Lecture 4: Reusing Styles

Chapter 4: Project 2 – Furniture Website

Lecture 1: Project Overview

Lecture 2: Figma Design to Tailwind CSS Website

Chapter 5: Conclusion and Next Steps

Lecture 1: Conclusion and Next Steps

Instructors

Zekaryas Yohannes
Full Stack Developer

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 12 votes
4 stars: 20 votes
5 stars: 32 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu