b/kingofcourses by ELKinG

Tailwindcss From A To Z: Master Tailwindcss Quickly

This post was published 3 years ago. Download links are most likely obsolete. If that's the case, try asking the uploader to re-upload.

Tailwindcss From A To Z: Master Tailwindcss Quickly

Last updated 12/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: 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 beginner 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, margin, 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 download 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 begin 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 Margin 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

Screenshots

Tailwindcss From A To Z: Master Tailwindcss Quickly

Homepage

without You and Your Support We Can’t Continue
Thanks for Buying Premium From My Links for Support
Click >>here & Visit My Blog Daily for More Udemy Tutorial. If You Need Update or Links Dead Don't Wait Just Pm Me or Leave Comment at This Post