Tailwind CSS From Scratch | Learn By Building Projects | Udemy [Update 07/2025]
English | Size: 3.8 GB
Genre: eLearning[/center]

Build great looking layouts fast and efficiently using Tailwind CSS utility classes

What you'll learn
Learn to create and edit layouts super fast
Learn the Tailwind utility classes using a code sandbox
Build 5 mini-projects and 6 website projects
Learn how to set up a dev environment using the Tailwind CLI
Configure your styles to create custom layouts

This is a fun project-based course to learn how to create awesome layouts using the Tailwind CSS framework and get comfortable using utility classes over something like Bootstrap, which uses component-based classes. Let's take a look at the outline for this course...

✔️ The Sandbox

I don't want to jump right into the projects, though you certainly could if you want. So the first two sections, we will be working in a coding sandbox. In every new video in these sections, we will have a new file to experiment with and learn all about a certain aspect of Tailwind. For example, we will have pages/videos for colors, typography, spacing, flex classes, and much more. This allows us to essential touch on all parts of Tailwind in a specific order, rather than just jumping right into projects.

✔️ Mini-Projects

Next, we will take what we learn in the sandbox environment and use it to create some small projects. These are things that will take 10 - 20 minutes to create and we will do it all in one video per project. The mini-projects include

Email Subscribe Card

Pricing Grids

Product Modal

Image Gallery

Login Modal

I may even add more mini-projects later. These will help you get your feet wet by creating something.

✔️ Website Projects

Next, we will start to work on larger landing-page websites. This will really put what you learned to the test. There will be 6 different websites. They are all very modern and clean-looking. We partnered with Frontend Mentor for the designs. Some projects will have a bit of javaScript for things like hamburger menus, tabs, and some validation. Let's take a look at the projects.

Clipboard Website - Simple software product landing page. Focusing mostly on flexbox and alignment. Some background images, etc.

Loopstudios - VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects.

Shortly - Website for a link shortening tool. We will have a nice-looking responsive menu and add a little JavaScript for some form validation and working with the DOM.

Testimonial Grid - A project where we focus on using Tailwind's grid classes.

Fylo - Product page with a light/dark mode feature. We will add some JavaScript to save the color mode to local storage. We will also have a dynamic tab component for the FAQ.

Bookmark - Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu and some tabs that will use JavaScript.

Who this course is for:
Anyone that wants to get better at creating website and UI layouts

[align=center]

download скачать FROM RAPIDGATOR

https://rapidgator.net/file/c0c4722edca1f882c57387f2bbe3e908/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part01.rar.html
https://rapidgator.net/file/0ed820e94170e81e4bcae130d2103fe3/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part02.rar.html
https://rapidgator.net/file/5f94cba1ff7da3ecade8e962c6ad6326/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part03.rar.html
https://rapidgator.net/file/20f080a5877f2ed5f0a339edbc4b4330/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part04.rar.html
https://rapidgator.net/file/cd9450c3ed35cf63b065d892a191ab53/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part05.rar.html
https://rapidgator.net/file/17cd67d7ddba3e731cbd4cebed1c94b9/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part06.rar.html
https://rapidgator.net/file/4513b87ceb25afd097e8149011ac8edf/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part07.rar.html
https://rapidgator.net/file/c8697cde6298b48e3d5524b353182323/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part08.rar.html
https://rapidgator.net/file/7e6b2f2396548c44c01c4cedd956ef32/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part09.rar.html
https://rapidgator.net/file/1ff6291daaf033f2f80ea975ee0b296a/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part10.rar.html
https://rapidgator.net/file/056303661f7d5007b1835dac00d10a21/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part11.rar.html

download скачать FROM TURBOBIT

https://trbt.cc/fkka7wtl3owz/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part01.rar.html
https://trbt.cc/u3xplegiz4ye/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part02.rar.html
https://trbt.cc/p99ezfgzap4z/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part03.rar.html
https://trbt.cc/3p42icmi5zss/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part04.rar.html
https://trbt.cc/udqw4dm9dru3/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part05.rar.html
https://trbt.cc/a7zwl5gv8637/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part06.rar.html
https://trbt.cc/blyk3v4c0uef/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part07.rar.html
https://trbt.cc/k9yr4696bqk4/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part08.rar.html
https://trbt.cc/6reokg8fe4uk/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part09.rar.html
https://trbt.cc/qzvtpp305d1n/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part10.rar.html
https://trbt.cc/aamfoe0hak3o/UD-TailwindCSSFromScratchLearnByBuildingProjects2025-7.part11.rar.html

If any links die or problem unrar, send request to

https://forms.gle/e557HbjJ5vatekDV9