Tutorials > Tailwind Css From Scratch With Multiple Projects

Tailwind Css From Scratch With Multiple Projects

Date: 22 February 2023 | Posted by: voska89

Learn Utility-first Tailwind CSS framework from scratch & Build Multiple Projects using Tailwind CSS with best practice
Published 2/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.88 GB | Duration: 4h 15m

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 jаvascript 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 jаvascript 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
Homepage

https://www.udemy.com/course/tailwindcss-with-projects/

DOWNLOAD LINK

Links are Interchangeable - No Password - Single Extraction

See full article