Tailwind Css Mastery: Build 2 Advanced Projects

• 0
• 1
• 2
• 3
• 4
• 5

Master the latest Tailwind CSS v.3 with project based approach and learn to convert Figma design to Tailwind CSS website

What you'll 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

Requirements
Basic HTML and CSS

Description
Tailwind CSS is a highly customizable CSS 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 regularly when necessary.What You Will Learn?• Customize & Configure Tailwind 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.• Practically Understand the difference between tailwind CSS and other CSS frameworks like bootstrap.2 Real ProjectsWe will create 2 real world websites. These projects are open source and free to use.Tail Listing - Business and Directory Listing WebsiteTail Furniture - Furniture Showcase Website (Figma to Tailwind CSS)

Overview
Section 1: Introduction and Getting Started
Lecture 1 Intro to Tailwind CSS
Lecture 2 Welcome and Introduction
Lecture 3 Installation and setup
Lecture 4 Customize and Configure
Section 2: Project 1 - Business and Directory Listing Website
Lecture 5 Project Overview
Lecture 6 Navigation bar and Banner
Lecture 7 Popular Categories Section
Lecture 8 Discover by Categories and Collections section
Lecture 9 Teams Section
Lecture 10 Testimonials Section
Lecture 11 Contact Us Section
Lecture 12 Features Section
Lecture 13 Loading section
Lecture 14 Footer Section
Lecture 15 Updating Navigation Bar
Lecture 16 Tweaks and Changes
Section 3: Advanced Tailwind CSS
Lecture 17 Responsive Design - 1
Lecture 18 Responsive Design - 2
Lecture 19 Applying Dark Mode
Lecture 20 Reusing Styles
Section 4: Project 2 - Furniture Website
Lecture 21 Project Overview
Lecture 22 Figma Design to Tailwind CSS Website
Section 5: Conclusion and Next Steps
Lecture 23 Conclusion and Next Steps
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.

Homepage

https://www.udemy.com/course/master-tailwind-css-with-projects/

---

Related News

Tailwind Css Mastery: Build 2 Advanced Projects
Tailwind Css Mastery: Build 2 Advanced Projects Last updated 3/2022 MP4 | Video: h264, 1280x720 |... Tailwind CSS - Zero to Hero tailwind css - tailwind v3 2023
Tailwind CSS - Zero to Hero tailwind css - tailwind v3 2023 Published 11/2022 MP4 | Video: h264,... Tailwind CSS, The Complete Guide, Build Projects
[center] Tailwind CSS, The Complete Guide, Build Projects MP4 | Video: h264, 1280x720 | Audio: AAC,... Tailwind CSS Mastery Build 2 Advanced Projects
Tailwind CSS Mastery Build 2 Advanced Projects Language: English Files Type: mp4, css, svg, json,...

System Comment

Facebook Comment