Build Responsive Real World Websites with CSS3 v2.0 (Udemy.com)
Learn CSS3 Flexbox, CSS3 Animations, Transitions, Transformations and Responsive Web Design. Make beautiful websites!
Created by: Kalob Taulien
Last updated July 2020
What you will learn
- Real-world skills to build real-world websites. Including several mini projects!
- Learn the basics, then learn Advanced Selectors, Gradients, Transformations, Transitions, Animations, Flexbox and Responsive Web Design!
- Get my e-book "CSS Masterclass" for free. It's a 180 page CSS3 eBook with interactive code examples all available on CodePen
- Get helpful support in the course Q&A
- Downloadable lectures, code and design assets for the entire project
How it compares
Against the other 110 rated Udemy courses in CSS on CourseDuck:
- Rating4.6 out of 5higher than 76% of them
- Reviews1,221#40 of 111 by number of reviews
- Length13 hourslonger than 79% of them
- Last updatedJuly 2020earlier than 62% of them
Quality Score
Overall Score : 92 / 100
Course Description
You can launch a new career in web development by simply learning HTML and CSS. You don't need a university degree or any paid software, everything can be learned for free with free software and a few hours of your time. This course also comes with my full CSS Masterclass e-book, as an added bonus!
This entire course is designed to take you from a beginner to a CSS expert in order to prepare you for a job as a web developer.
Don't limit yourself with those terrible site-builder tools. They are cool tools, but ultimately the limit your creativity. By learning CSS you'll be able to unleash your creativity!
THIS COURSE COMES WITH:
Over 170 lessons
Over 140 tasks (found at the end of each lesson)
My CSS Masterclass e-book that has interactive code examples
Over 25 self contained modules so you can skip around if you like
Direct access to me through the Q&A section
Unlimited 24/7 Access through the website, the app, your phone or even your TV
A certificate of completion
Access to my Developer Support Group where you can ask me questions directly
Quizzes at the end of each module
This course does not assume any prior knowledge in CSS, but it's also broken up into small section that allow you to skip around (so you don't have to watch everything you already know about).
I've taught over 225,000 students on Udemy, so you know you can trust me and what I'm going to teach you. Here's what some people have said about my other courses:
"This course is worth doing it like what i call baby steps ... i did the course again and practice a lot i sometime refer to some video if i struggle well done"
"very clear explanation how things example with alot of examples. Very good!"
"absolutely love this course! Perfect! You can't go wrong with this Udemy Instructor."
"Great info. I think it breaks a lot of the myth of what you should and need to know to get a job doing front end development. A++"
"It was a good experience. This course was excellent for me as beginner. Now, I am looking to create my first website. Thank you Mr. Kalob Taulien."
Are you looking for the best way to learn how to build beautiful websites with CSS3? What about websites that look even better on your phone?
Do you want to learn everything in one course? (no upgrades, no up-selling .. just me and you, a bunch of code and some great projects)
Have you taken other CSS courses but didn't actually learn how to build beautiful and responsive websites? Or did they teach you things that you can't apply in real life?
If your answer is a big YES... Then this is exactly the course you are looking for! This is the one-stop-shop for all your CSS learning needs!
This course is very hands on. Over 140 lessons have tasks at the end of them so you can gain immediate experience with everything new you've learned.
YOU'RE GOING TO LEARN AMAZING ADVANCED CSS3 SUCH AS:
Transitions
Gradients
Transformations
Animations
Flexbox
Responsive Web Design
CSS Transitions:
You'll learn how to slowly animate website components using transitions. Like when you put your mouse over a link and it slowly changes color (instead of being instant.. it looks like a fading effect!)
Gradients:
No Photoshop required! We'll learn how to master gradients from scratch. It's a lot easier than you think and adds a nice visual aspect to your websites!
Transformations:
You'll learn about 2D and 3D transformations. Like making an element bigger but keeping it's height and width proportional. Rotating elements has never been easier! Change the perspective on an element adds a nice angle to your elements, and can make your text look like the intro to Star Wars.
Animations:
CSS3 animations let you create full CSS-only animations (no JavaScript required). You can do more than just change sizes or colors... you can turn your website into an app-like website with cool animations. And we'll go over each animation property one-by-one with lots of practice in between. By the end of the animations module, you'll be an animation PRO!
Flexbox:
Flexbox is probably the most important CSS3 property. It lets you set an element's base size and allow it to grow or shrink depending on other content. You can vertically align content without tables or CSS "hacks". It makes responsive web design SO EASY. You can re-arrange your HTML elements without writing any HTML (pure css!) With transitions, you can make a VERY nice website. You'll get real life practice with flexbox AND how you can make a website responsive (there's a project based on creating a Flexbox layout!)
Responsive Web Design (RWD):
Learn exactly how we make a website "responsive", which really just means "the website transforms when you view it on a phone or a laptop". We'll dive into Responsive Web Design, media queries, and get hands on practice creating our own responsive website!
Instructor Details
- 4.6 Rating
1,221 Reviews
Kalob Taulien
He is a professional web developer who's been developing websites and working with startups since 1999. He also has a broad set of skills in software, web development, and information technology.
Teaching over 450,000 students on Udemy alone, he's helped hundreds of thousands of people learn web development. From zero to hero and novice to ninja, he's considered a top teacher by thousands. With so much experience, why not give his experience and knowledge to others so they can fulfill their dreams?
The passion to learn and to share his knowledge by teaching and helping others is something that drives him. It's a passion he's had since he was born. Kalob's ability to turn complex programming concepts into easy-to-understands bits of knowledge has been called his "superpower".
Throughout the years, Kalob has built hundreds, if not thousands, of websites, and has created multiple companies from his ideas and software. He also provides one-on-one coaching and startup consulting to new organizations.
Teaching isn't an option in Kalob's life, but a moral obligation to pass on knowledge to others.
More courses by Kalob Taulien
Understanding APIs and RESTful APIs Crash Course (2024)
4.5 (25,435 Reviews)
Provider: Udemy
Time: 42 mins
$15.99
Git & GitHub Crash Course: Create a Repository From Scratch! (2025)
4.5 (17,700 Reviews)
Provider: Udemy
Time: 42 mins
Free
The Complete 2020 Fullstack Web Developer Course
4.4 (7,636 Reviews)
Provider: Udemy
Time: 66.9h
$159.99
JavaScript for Beginners - Learn with 6 main projects! (2019)
4.4 (476 Reviews)
Provider: Udemy
Time: 8h
$59.99
More CSS courses
Build Responsive Real-World Websites with HTML and CSS (2024)
4.8 (119,018 Reviews)
Provider: Udemy
Time: 37.5h
$174.99
Advanced CSS and Sass: Flexbox, Grid, Animations and More! (2024)
4.8 (46,326 Reviews)
Provider: Udemy
Time: 28.1h
$149.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
How to Create A Website: An HTML Tutorial and CSS Tutorial (2025)
4.7 (2,057 Reviews)
Provider: Udemy
Time: 31.9h
$10.99
Ultimate CSS Grid Course: From Beginner to Advanced (2021)
4.7 (1,039 Reviews)
Provider: Udemy
Time: 2.7h
$13.99
Reviews
By Jeff C on 12/1/2020
DO NOT BUY THIS COURSE! This is a good course in CSS, but I took off stars for its poor value, and you should not buy it. I'll explain why below. Kalob has lots of courses on Udemy, but he has also combined several of those courses (including this one) into a larger course called "The Complete 2020 Fullstack Web Developer Course", which is the same price as each of the other courses on their own (at least they're the same price when Udemy does their sales several times a month)! So you can buy lots of Kalob's courses and pay a price for each, or you can buy those courses combined and pay the same price that you'd pay for 1 course alone! It's really a no-brainer, if only I had seen that full course before I bought this one separately. In case anybody is thinking it, I am not within Udemy's 30-day refund window anymore.
By Antonios Raftopoulos on 11/14/2020
The course is good. It teaches real good stuff.
Two things though that you have to know.
1st it doesnt include grid. I dont know if it is a must in 2020 but the course does not mention anything about the grid.
2nd is that I would like more real world examples. Ie why not how to create a responsive drop down menu or a navigation bar that shrinks for phones. Or a complete landing page etc. I want to believe that this material will be added in future updates.
By Antonios Raftopoulos on 11/10/2020
The course is good. It teaches real good stuff. Two things though that you have to know. 1st it doesnt include grid. I dont know if it is a must in 2020 but the course does not mention anything about the grid. 2nd is that I would like more real world examples. Ie why not how to create a responsive drop down menu or a navigation bar that shrinks for phones. Or a complete landing page etc. I want to believe that this material will be added in future updates.
By Alan Pruitt on 9/27/2020
I finished The Ultimate HTML Developer 2020 Edition this morning and I am ready for more! Of course, I rolled right into Build Responsive Real World Websites with CSS4 v2.0! Keep it going, Kalob!
Boom! CSS3 is finished!
By Hamid Khan Mohammad on 9/21/2020
Highly energetic and best instructor
By Conpec Junior on 9/14/2020
It's awesome! I was completely lost in CSS, now my brain is exploding. It's too much content and taught in really didatic way, with theory and pratice
By Ricky B Caldwell on 9/6/2020
I believe this course is a great match for me.
By Khushali Viral Shukla on 9/4/2020
Yeah.It's great.
By Debbie Barros on 9/3/2020
Great so far! :)
By Anupam Bharadwaj on 8/5/2020
Great Teaching.
By Allison Brice on 6/26/2020
I absolutely am LOVING this course. It is exactly what I needed. I have been looking for a course that actually shows me how to do all the cool (and useful) things with CSS and by golly this course has it in spades. I highly recommend it to everyone, beginner and expert alike. I'm almost at the end and I'm sad to see it go...but I have favorited it and I plan to revisit it often.
By Smili Riane on 6/17/2020
This course is excellent












