Learn Tailwind CSS by building a real world project
React
What you’ll learn
- React – Tailwind CSS integration.
- Main Concepts on tailwind css with detailed explanation.
- Working with Lottie Animation.
- Building your own company website or blog using the world first utility CSS framework.
- By the end of this course you can able to build your first client project for any small companies , marketing agencies , local stores etc..
- Q/A Support.
Course Content
- Promo and Resourses –> 1 lecture • 5min.
- Tailiwind Basics –> 8 lectures • 1hr 22min.
- Header –> 1 lecture • 13min.
- Intro / Lading page –> 2 lectures • 15min.
- Company Information –> 3 lectures • 19min.
- Specialization –> 2 lectures • 19min.
- Recruitment Areas –> 1 lecture • 8min.
- Counts –> 1 lecture • 15min.
- Contact –> 2 lectures • 19min.
- Footer & Deployment –> 4 lectures • 33min.
- Bonus – Next JS –> 7 lectures • 1hr 2min.
Requirements
React
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.
Tailwind CSS
Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
As per official Tailwind CSS documentation, Tailwind CSS is a highly customizable, low-level CSS framework that allows you to custom-build designs eliminating opinionated component styles that you would anyway want to override.
Beautiful custom user interfaces can be effectively built using CSS without actually putting in much coding effort. Being a utility-first framework, Tailwind CSS renders the leverage of styling every component distinctively, the way you desire.
Adapting the “form follow function”, the name of the utility class predicts the exact function of that class for ease in designing. Tailwind combines the most critical CSS properties which can be customized and extended according to project requirements.
In this course, you will learn the following topics
Tailwind Installation and Setup
Working with Tailwind CSS and Pure CSS parallelly
Colours, Heights, Widths , Margins , Paddings
Flexboxes and Alignments and Positions
Animations, Keyframes
Making websites responsive without Media queries.