CSS - The Complete Guide 2020 (incl. Flexbox, Grid & Sass) (Udemy.com)

Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.

Created by: Academind by Maximilian Schwarzmuller

Produced in 2020

icon
What you will learn

  • Build beautiful websites which don't just contain great content but also look good
  • Use basic as well as advanced CSS features
  • Understand the concepts and theory behind CSS and certain CSS features

icon
Quality Score

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

Overall Score : 98 / 100

icon
Course Description

CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.
This course covers it all - we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.
Getting started with CSS might look easy but there actually is a lot of depth to CSS - hence this course provides different "Tracks" or "Entry points" to exactly meet your demands and reflect you current knowledge level:
  • The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.
  • The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.
  • The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.
Of course this course offers the theory and practical examples - we'll build an entire real course project throughout the course - but there also are multiple assignments, quizzes and challenges for you to practice individual concepts taught throughout the course.
Talking about the course project - we'll build the frontend (no backend) of a fictional web hosting company. We'll have a starting screen which has different sections, we got a responsive design with an animated side-drawer, we got modals and forms and in general we got a lot of CSS animations, font styles and more!
Here's what's inside the course in detail - this is all also applied to the mentioned course project:
  • The basics about selectors, combinators and how you set up styling rules in general
  • Properties, values and decalarations
  • How specifity and inheritance work and why it's called "Cascading" Style Sheets
  • Important theoretical concepts like the "Box Model"
  • How the default position of elements can be changed
  • Styling backgrounds (e.g. gradients) and images
  • Which units and dimensions you typically use in CSS (px, rem, % and more)
  • How JavaScript and CSS interact
  • Responsive design and what "Mobile First" means
  • Styling forms and form inputs
  • Working with text, fonts and text styles
  • Flexbox! How it works and how to use it
  • Using the CSS Grid and how it differs from Flexbox
  • Transforming and animating HTML elements with the help of CSS
  • Writing future-proof CSS with features like CSS variables or best-practice class names
  • Using Sass and what it actually is all about
Is this course for you?
It's for you if ...
  • you started with learning web development and you want to build more beautiful websites
  • you already know CSS but want to dive deeper
  • you're using CSS in a trial-and-error manner and want to change this (you should!)
You might come back later if ...
  • you're an absolute CSS pro and you know the CSS working group drafts by heart
  • you're a backend-only developer (Node, PHP, NO HTML or frontend JavaScript)
  • you're a total newcomer to web development and you don't know the basics about HTML
If that sounds good to you, we'd be more than happy to welcome you in this course!Who this course is for:
  • Anyone who wants to learn CSS for the first time or wants to sharpen his or her CSS skills
  • Anyone who's excited to learn about the latest CSS features like Flexbox, CSS Grid or CSS Variables
  • Anyone who knows CSS but wants to dive deeper

*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

Bundling the courses and know how of successful instructors, Academind strives to deliver high quality online education.
Online Education, Real-Life Success - that's what Academind stands for. Learn topics like web development, data analyses and more in a fun and engaging way.
Currently, you can find courses published by Maximilian Schwarzmuller and Manuel Lorenz, more instructors to come!
Keep learning!Experience as (Web) Developer

Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.
Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS 2 in a lot of projects. I love both worlds nowadays!
As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience

icon
Reviews

4.9

50 total reviews

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

Really, AWESOME CSS course, I thought I know CSS, but this course proved the opposite, but now I feel so comfortable with CSS and what happens behind the scenes and a lot of stuff.Thank you ALL

Very good course, I would like you to profundize more on sass/scss section but it's okay or apply some css framework to some project. I've learnt a lot of fundamentals with you, and from other sources aswell beacuse this is the way I think to become a better developer. Thank you! Recomended course.

If I could give it more stars, I would. These guys are incredibly knowledgeable about CSS, HTML, JS, and the other tools you need to create gorgeous websites!

One of the most complete CSS courses on Udemy, I highly recommend this course for all levels of knowledge, specially for beginners!In some sections, the course comes a bit slow and heavy because of theory content, in my case I appreciate that, but I know that some people get bored instantly.For this case, I would work more with the practice content, making more projects or improving the main one (uHost website). Also, some topics take too much time of explaining, maybe it can be reduced a lot.Anyway, this is just an advince, the course is totally worth it. Great job with this course Max and Manu!

you might talk too much about the same idea which makes things look more complicated then they are and makes the course very long.. on the other hand that everything explained very clear

Overall the course is good. I learned, I practised, I struggled but I learned throughout. The main project was something you generally won't find anywhere in any of the free courses. It had too much to learn like basic CSS concepts, responsive design, animations etc.Animations and SAAS modules were not upto the mark as compared to the other modules. But there are plethora of other video lectures on these in youtube that are worth taking a side trip during the course.Max is a very practical and very organised instructor and is one of the best instructor in Udemy.This course is worth every penny. If you want to learn CSS and actually make something on your own then go for it.

This course exceeded my expectations. Very well and thoroughly explained. This is definitely the best and most complete course on CSS I've seen so far. Highly recommendable!

Until now, I had issues with css and after going through this course. I felt that this is the course, that I wanted as it provided not only the proper fundamentals. How also high level concepts like flex and grid that are being used extensively. Along with that challenging assignments, test your fundamentals. Great course, should go to for anyone new to or facing problems in CSS.Also this course as Beginner, Advanced and Expert Track for all tracks of people to start from their comfortable place in CSS.

It was the best course I have taken better then anything I've learned in any school I've attended

Great course, Real thorough deep dive from basic CSS to advance topics like SASS and SCSS. Really enjoy these two instructors, and already have Max's React course lined up. Appreciate all the effort that went into this course, and shout out to Max and Manu for the amazing work!!!!!

Whole course finished!What can I say about this? Well course starts with very fundamental concepts of CSS, I've already been familiar with basics of CSS (things i learned in school) but it was a great reminder and a waaay better explaination than in the school.As a matter of fact, explainations in this course are so understandable that I can't imagine presenting them better. There is no way that you won't understand what is going on Max and Manuel are very good in transfering knowledge.Getting back to the course, after the first basic modules, you'll dive deeper in more advanced features of CSS. Instructors did a great job again, everything is clear.Finally last modules of the course (Flexbox, Grid, SASS) which are harder to understand, with this course become not as difficult as you can think before. The course connects the theory and practice so you know the concepts and how them work.Overall this course gave me a lot of knowledge i haven't got before. I feel freely and confident while writing next CSS lines of code. Definitely worth the price and the time.Thank you Max and Manuel, greets!

Generally the course is very good. It includes the most important parts of CSS technology. It`s very comprehensive and gives You significant piece of knowledge about CSS and gives You solid basis to go on learning more difficult things. I can honestly recommned . Altogough it has a few drawbacks that obviously do not spoil impression coming from the course It is something which could be improved but not has to be. Manuel`s accent sometimes used to make me confused and without reading subtitles I would not be able to understand clearly what he had said. The Sass chapter is a bit to short, it could be a little bit more expanded. On the other hand some other chapters could be shorter. I had an impression that (again I am talking about Manuel) could be more concise in some cases. But as I said earlier these are not seroius downsides of the course. Thank You for the time I have spent together with You.