Tailwind Css From Scratch | With Multiple Projects

Learn Utility-first Tailwind CSS framework from scratch & Build Multiple Projects using Tailwind CSS with best practice

What you'll learn

You will learn Tailwind CSS core concepts

You will become confident Tailwind CSS

How to plan a website from sketch

You will able to build real world website

How to make websites work on every possible mobile device (responsive design)

Downloadable source code

Requirements

Basic understanding of HTML & CSS

Latest version of node and npm installed

Basic JavaScript Knowledge (Not Mandatory)

Description

Welcome to Tailwind CSS From Scratch: With Multiple Projects. In this course, you will learn the latest Tailwind step by step. After completing the series, I will create some projects so you know how to create projects with the skills, and if I missed something in the course it will cover also the project. Always after learning skills we should create some projects for solid learning. This course covers all the different parts of the latest version of the world's most popular front-end framework, Tailwind. It has been used on millions of websites around the world and has been carefully developed to cover a wide range of typical user interfaces.In order to start Tailwind, you need basic knowledge of HTML, and CSS and if you know JavaScript it will be great but not mandatory. In order to learn Tailwind, you do not need to learn older technologies like Tailwind v2 or others. Increase your value as a front-end web developer today by learning a more advanced way of styling your websites using Tailwind CSS.I also uploaded all resources, if you stack them anywhere, you can check them. So what are you waiting for? Enroll and learn the world's most popular front-end framework Tailwind.

Overview

Section 1: Introduction

Lecture 1 What is Tailwind CSS?

Lecture 2 Development Environment Setup

Lecture 3 VS Code Keyboard Shortcuts

Lecture 4 First Tailwind APP

Lecture 5 Tailwind CSS Installation and set up

Section 2: Project Overview

Lecture 6 Project One Overview

Lecture 7 Project Two Overview

Section 3: Core Concepts

Lecture 8 Understanding the utility-first approach

Lecture 9 Plugins and configuration settings

Lecture 10 Handling Hover, Focus, and Other States

Lecture 11 Responsive design with Tailwind CSS

Lecture 12 Light & Dark Mode

Lecture 13 Tailwind Customizations

Lecture 14 Arbitrary Values

Lecture 15 Tailwind @apply

Lecture 16 Tailwind @layers

Section 4: Fundamental Section

Lecture 17 Tailwind Colors

Lecture 18 Tailwind Spacing

Lecture 19 Tailwind Typography

Lecture 20 Tailwind Sizing

Lecture 21 Tailwind Backgrounds

Lecture 22 Tailwind Gradient

Lecture 23 Tailwind Borders

Lecture 24 Tailwind Effects

Lecture 25 Tailwind Flexbox & Grid

Lecture 26 Tailwind Container

Lecture 27 Tailwind Components

Lecture 28 Tailwind Build

Lecture 29 Tailwind Resources

Section 5: Building complete project with Tailwind CSS

Lecture 30 Building complete project with Tailwind CSS

Section 6: Building Custom project with Tailwind CSS

Lecture 31 Top Hero Area

Lecture 32 Header Area

Lecture 33 Light Mood and Dark Mode

Lecture 34 Main Menu

Lecture 35 Hero Area

Lecture 36 Service Area

Lecture 37 Brand Area

Lecture 38 Project Area

Lecture 39 Contact Area

Lecture 40 Footer Area

Lecture 41 Build The Project

Lecture 42 Hosting the project

Section 7: Conclusion

Lecture 43 Next steps and resources for continued learning

If you know HTML and CSS a bit but do not know how to build real-world projects, this course is perfect for you.,Web developers of all levels who want to increase their value by learning a more advanced way of styling their apps & sites,Anyone that wants to get better at creating website and UI layouts