Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 59 Minute(s)
Language
English
Taught by
Tom Phillips, WebDevEducation (Tom Phillips)
Rating
4 views
Course Overview
Tailwind CSS - effortlessly build a tailwind css music festival site and learn to customize and extend tailwind css!
This course is has been updated to Tailwind CSS v4.
Improve your skills and increase your value as a front end web developer by learning the ins and outs of Tailwind CSS!
Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
No more trying to think of appropriate class names, no more creating wrapper classes and inner classes, no more wasting resources with unecessarily large CSS files. Tailwind CSS makes building designs incredibly fast and easy, not to mention has built-in optimisation out of the box. Not using a particular class in your HTML files? Then Tailwind CSS won't include it in the final build of your CSS!
In this course we'll be creating a mobile-first landing page for a music festival website. We'll be covering layouts with flexbox and grid, Hero and Navbar components with menu and sub menu items, targeting different states like hover and focus states, targeting different screen sizes, and extending beyond Tailwind's built-in theme and classes.
After getting comfortable with Tailwind CSS's utility classes, we'll be creating our own base, utility, and component classes! This course is packed with an incredible amount of value in such a short amount of time!
Increase your value as a front end web developer today by learning a more advanced way of styling your websites using Tailwind CSS.
Course Content
- 7 section(s)
- 34 lecture(s)
- Section 1 V4 - Introduction & Project Setup
- Section 2 V4 - Build the navbar
- Section 3 V4 - Build the hero section
- Section 4 V4 - Build the headliners and carousel section
- Section 5 V4 - Light and dark mode
- Section 6 V4 - Build the tickets & lineup timeline sections
- Section 7 V4 - Extras
What You’ll Learn
- Increase your value as a front end web developer
- Build a landing page with Tailwind CSS
- Extend the default Tailwind CSS theme and customize tailwind css
- Create custom animations with Tailwind CSS
Reviews
-
WWalter Wiseman
Great content, fun course which was very enjoyable, engaging. Not only did you learn the subject matter it was also enjoyable and to the point. Highly recommended.
-
KKristýna Doležalová
Everything important is explained without overdoing it. I especially appreciate that this course isn’t too long, yet still gives you enough insight into Tailwind to start your own project.
-
SSiddharth Ghosh
There are courses in Udemy teaching all of this stuff about Tailwind in above 20 hours. Appreciate you doing this in ~4 hours. This is also a well-taught course. Thank you for creating this course.
-
MMichael Dichirico
The instructor gets right down to business. In other words, he doesn't have any fluff in the videos. He doesn't stretch out a topic more than necessary. He doesn't teach CSS nor HTML in this course, so you'll need to come into the course with those skills already in your head. It's difficult for me to know if this was a thorough course or just hitting on a few key points. Until I work more with Tailwind, I won't be able to gauge how thorough this course was. I'm pleased with both the quality of instruction and the quality of the recordings. I plan to purchase more courses from Tom as I need them based on my good experience here.
