MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 9 lectures (58m) | Size: 330.6 MB
Learn what Tailwind CSS is, how it works under the hood and how you can use to implement your Design


What you’ll learn:
What is Tailwind and what makes it so different from other Frameworks?
You learn how to add or setup a new Project with Tailwind
You will learn how the Utilities of Tailwind are actually generated
You will learn how to extract styles and avoid repitition through custom classes
You will learn what the newly introduced JIT Mode is what how it speeds up the development
You’ll learn how to build a simple Landing Page using Tailwind CSS
Requirements
You need to have basic understanding of HTML, CSS and optionally NodeJS*
*) NodeJS is actually used to initialize a new Project with Tailwind and make use of a custom Tailwind Configuration (This is Optional)
Description
This Class will guide you to become faster in implementing your own Designs just by using Tailwind. In this Class I will teach you the Basics of Tailwind and how it works under the hood.
Have you ever had a Problem implementing your own Design ion HTML and CSS?
We have a bunch of CSS Frameworks out there like Bulma, Bootstrap and Material for example but they all share one thing and that is predefined styles. Essentially Components.
This is of course useful as it provides us with some starting points but it also has some cons
– It forces us to write HTML like defined by the Framework
– We have to keep in mind what components exist
– We have to remember how the HTML of a Component looks like.
– And it makes Styling those Components harder as we have to override them on CSS Level or at build time which requires us to download the Frameworks Source in order to modify it
Tailwind CSS uses a different way. It is Utility based and that makes implementing a custom design way easier as we can style an element way more granular.
In this Class you will learn:
– What Tailwind is and what makes it so different
– Use Cases of Tailwind
– Pros and Cons of using Tailwind
– How you add or setup a new Project with Tailwind
– How the utilities are generated
– How to extract Styles and avoid repetition
– How you speedup your Development with the new JIT Mode
– How to build a simple Landing Page
Who this course is for
Web Developers in general and those who struggle implementing their own Design in HTML, CSS
Anyone that is interested in Web as this is a Beginners Course
Homepage

https://www.udemy.com/course/learn-tailwind-css/

 

 

 

Links are Interchangeable – No Password – Single Extraction