Last updated 12/2022MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 931.59 MB | Duration: 1h 30m

Get started with Tailwind, a utility-first CSS framework, and master its directives, modules, and code reusability.

What you'll learn

Learn about Tailwind CSS basics

Learn how to use Tailwind CSS to create modern websites

Learn how to create custom components with Tailwind CSS

Learn how to customize existing utility classes and create new utility classes

Learn the A-to-Z of the Tailwind CSS Framework

Requirements

Readiness, flexibility, and passion for learning

Basic knowledge of HTML5 & CSS3 is a plus!

Description

Are you tired of using an easy way to create a professional landing page without having to style everything yourself? You are at the right place; this course will be a complete Tailwind CSS tutorial.Tailwind is a utility-first framework that turns web designing into a passing breeze. Its simplicity and array of classes make it an excellent tool for bner developers.This course will help you create a perfect responsive web page for your app, business, portfolio, or blog. Having a little knowledge of HTML & CSS is ideal for getting you started on the quicker route to Tailwind; however, it isn't essential.The first aspect of this class would be getting familiar with Tailwind CSS utilities and how it works and are implemented. We will cover the famous grid system and media queries to ensure your new page looks its best on all devices.You would be introduced to the fonts, colors, alignment, background colors, gradients, images, padding, ma, grid, flexbox, hover, animations, transitions, and transformation.Why Choose This Course?Complete Tutorial on Tailwind CSS: You'll be walked through every code step to ensure you have the right understanding and tools before a professional after taking this course.Practical-based Tutorial: You will learn by doing to help you understand all aspects of the Tailwind CSS framework faster. You'll also gain access to the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to project files throughout the course, which will be yours to keep and work on at your leisure.Exploit Your Creativity: Besides learning how to create a clean, modern, professional-looking Tailwind CSS landing page, you will also be taught how to add animations and Google Webfonts to make sure your website stands out from the crowd.Learn to Build Your Next Professional Websites Today!With the right mindset, understanding, and application of the teachings in this course, you will instantly b to move towards Mastering Tailwind CSS.

Overview

Section 1: Introduction & Overview

Lecture 1 Introduction to TailwindCSS

Lecture 2 Overview of TailwindCSS

Section 2: Installation of TailwindCSS

Lecture 3 Installation of npm and TailwindCSS

Lecture 4 Why use Tailwind CSS?

Section 3: Typography

Lecture 5 Ma and Padding

Lecture 6 Width and Height

Lecture 7 Font Size

Lecture 8 Font weight and style

Lecture 9 Line spacing in TailwindCSS

Lecture 10 Text Capitalize & Text Overflow in TailwindCSS

Lecture 11 Text Decoration in TailwindCSS

Lecture 12 Background in TailwindCSS

Section 4: Border in TailwindCSS

Lecture 13 Borders in TailwindCSS

Lecture 14 Border Radius in TailwindCSS

Lecture 15 Divider in TailwindCSS

Lecture 16 Outline in TailwindCSS

Lecture 17 Opacity and Box-Shadow

Section 5: Layout

Lecture 18 Flexbox with TailwindCSS

Lecture 19 Designing with Tailwind CSS: Hover, Focus, and Active Styles

Lecture 20 Boost your Productivity with Tailwind CSS: Apply Directive

Section 6: Project

Lecture 21 Mini Project

Section 7: Final Project

Lecture 22 Final Project in TailwindCSS

Anyone who wants to learn Tailwind CSS,Students that are tired of using CSS3 and want to use something a lot easier,Web Designers,Anyone who wants to make beautiful designs

HomePage: