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

Produced in 2018

icon
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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a css course? Or looking for more detail on Kalob Taulien's Build Responsive Real World Websites with CSS3 v2.0? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

icon
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 (I answer questions within a few hours MAX)
  • 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 55,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:
  1. "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"
  2. "very clear explanation how things example with alot of examples. Very good!"
  3. "absolutely love this course! Perfect! You can't go wrong with this Udemy Instructor."
  4. "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++"
  5. "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!
Who this course is for:
  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • Students with some knowledge about HTML and CSS, but who struggle to put together a great website
  • Designers who want to expand their skill set into HTML5 and CSS3

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

icon
Instructor Details

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 155,000 students on Udemy alone, he's helped tens 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.Kalob[dot]io is a website where you can learn web development from scratch. We offer HTML, CSS, JavaScript, Full Stack Dev and a PHP course, with more to come!
Definitely come check it out.
And feel free to join our web development Facebook group called Learning to Code (click the Facebook icon on this page). We have thousands of developers who are all learning to code; w

icon
Reviews

4.7

292 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Thanks Udemy for this course. Thanks to Kalob, the course content is well organised and table of content in each topic is well laid out and targets learning for web development.

The course is amazing, all sections are really great, everyone who wants to learn CSS need to take this course and after could take any advanced course of CSS, thanks for create the course.

This course is perfect for CSS beginner or advanced developer. I wish Kalob had a 2020 version of CSS course just like the updated one he made for his HTML course. Overall, Kalob is a fun guy. His personality made me easier to complete the lessons.

This course is a good match for me. All good so far.My early part of the course feedback would be that if, as I did, you already took Kalob's HTML5 course there is some repetition at the beginning of material that was covered in that course like basic CSS syntax and examples and picking an editor.Student time could be saved by simply saying "If you did my HTML5 course then I covered this already, so you can skip over lectures 2, 3 and 4 (or whatever) - but that's only at the very beginning.I've found the course excellent as it's gone on further. There sure is a lot of CSS to learn - but Kalob makes a good job of getting us through it.I think the one thing I found most difficult was estimating how long it would take me to do the course. I allowed about 3 x the video time, but that proved a significant under-estimate. This is a problem if you are working to a deadline (as I am) and have told my boss I need 3 days to do the course. Hofstadter's law proves itself once again.It might be a help to people who have learned CSS but not CSS3 to give some guidance as to which lessons will cover the CSS3 "new stuff".I found I needed about 4 times as long as the video time to do the course (and I skipped some exercises and cranked up the playback speed in places, in order to get through the material)A really good course. Kalob you are a really excellence teacher.

I bought two courses in the beginning because I didn't trust that this course could deliver based on the introduction video. I wanted to build a project with the instructor and MAYBE learn something(I know, lazy). However, by focusing more on me and less on the "project approach" I realized that this course was EXACTLY what I was looking for. I ended refunding the other course after completing just 4% of it because by then I felt having it was just pointless. This is the GO TO COURSE if you want no bs and crystal clear information. This course is not for you if you're lazy though. The instructor is laid back and that might work against someone who is lazy. But heck, even then you might learn something. Bottom line: do the exercises and just pay attention. I'm glad I took this course and not the other one. WORTH IT!

Simple, great content, great concepts, very easy to follow and straight to the point.If you're turned off by the boring/old school colours of his text editor... Don't.Obviously Kalob knows his Sh* when it comes to CSS and gives a lot of Tips & Tricks that only experienced people can point it out.Weird and quirky sense of humor here and there doesn't hurt the course though ;)

Honesty, i'm very satisfied with you're content, and it's really original, well organised and you take your time explaining things! i didn't like only one thing! that i can say most of the quizzes answers are the first choice. it felt like a routine picking the same choice over and over!

Kalob does an excellent job walking you through CSS. I didn't start as a complete beginner, and l found a lot of great information in this course!

Kalob focuses on giving you projects after almost every lesson which helps you retain the information that you just learned about in the lesson.

This course was taken to upgrade my skills that for the past few years have been dedicated to keeping legacy applications running and expanding their functionality. This course has been a good start at understanding what can be done to build modern web sites that deal with the wide variety of devices that cruise the Internet.One thing that I would recommend to improve the experience of the course is to provide the student with wireframes for some of the larger tasks. In all of the development that I have undertaken, I always created visual representations of what was to be created so that I knew the end goal. While there are people that can work from a blank canvas, it helpful went you set a task is to show the person what result is expected. I think a larger task at the end of the course would be beneficial.

Amazing course, Kalob is a fantastic lecturer. I highly recommend this course

Being a beginner need more time to adjust to the coding language.