Save for later

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

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.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy.

Set Reminder Save for later

Get a Reminder

Not ready to enroll yet? We'll send you an email reminder for this course

Send to:

Udemy

Rating 4.7 based on 616 ratings
Length 23 hours
Starts On Demand (Start anytime)
Cost $11
From Udemy
Instructors Maximilian Schwarzmüller, Manuel Lorenz, Academind by Maximilian Schwarzmüller, Academind by Maximilian Schwarzm端ller, Maximilian Schwarzm端ller
Download Videos Only via the Udemy mobile app
Language English
Subjects Art & Design
Tags Design Web Design

Get a Reminder

Get an email reminder about this course

Send to:

What people are saying

According to other learners, here's what you need to know

so far in 49 reviews

So far very good.

I understand the purpose of structuring a course like this as a concept, however in practice, after going through almost 220 videos so far (not the end yet!

It's really good so far, information is being explained well ;) Parts of course recorded by Max are awesome!

So far this course has been brilliant.

Manuel is a bit too slow i´d have to say So far so good!

Yes, it seems great so far, although the solution for the inline-block width issue was not clear.

So far so good, I just want to continue and learn more from this course..

Read more

highly recommend in 20 reviews

Highly recommend this course.

Would highly recommend.

I learned so many new things from beginner to advanced topics and would highly recommend this course to anybody.

I highly recommend it to anyone that wants to learn about CSS.

I'd highly recommend this course for a deeper understanding of css.

I highly recommend this course and any of Max's courses!

I highly recommend this course to become better at CSS3.

Read more

web developer in 9 reviews

An absolute must for any web developer!

Definitely recommended for all web developers.

Great and very comprehensive course, even for experienced web developers.

I am an experienced unix/linux system administrator and I am getting exited to become a professional web developer.

Highly recommend this course to web developers of any skill level.

I'm a pro web developer (specializing in server side code).

I am already a senior web developer, but I can see that this course will fill in some gaps in my CSS knowledge.

Read more

web development in 8 reviews

I'm been doing web development in my day-to-day job but I've always had problems understanding why particular CSS rules yielded strange results.

I already have taken and intro to web development course at my local community college.

Great for someone who knows how to program well but hasn't ever done web development before.

This course teaches you everything you need to know about web development, from the ground up.

Strongly recommend it to anyone with has interest in web development.

I haven't seen so far from other courses a clear approach to web development, until now.

I recommend this course to anyone who is serious about web development.

Read more

step by step in 7 reviews

You provided step by step instructions and show what works and how it works and when to use Flexbox and when to use Grid.

The concepts are covered in depth and step by step.

building up step by step.

Categorizing of modules is so helpful to understand step by step.

yes best css course it tells you step by step what you need to know for css.

Building the project step by step is really a great exercise.

Read more

easy to follow in 7 reviews

Finally, I'm very glad to see that they zoom in on both the code and results, making the tutorials easy to follow on smaller devices AND keeps you focused on what is important.

I have always enjoyed Max courses as he is a great instructor and easy to follow.

Yes i liked the explanations given my the instructor [Initial Review] I am really enjoying this course so far and I feel like it will be an engaging and easy to follow course.

Easy to follow, very rich materials and up to date.

Very high quality as all other Maximillian courses The course is so well organized and easy to follow and I've already learned things I didn't know, that are really useful.

Very clear instructions and easy to follow along while you learn.

Read more

Careers

An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Assistant Buyer, Sport Style $52k

Fit Specialist/Style Guide $55k

Style Guru Contractor $57k

Style & Design Editor $58k

Freelance Assistant Designer - Style&Co. Casual Knits $61k

Assistant Style & Design Editor $61k

Owner Style Guru Consultant $63k

In Style Production $80k

Figure Analyst Style Designer Consultant $90k

Senior Online Style and Beauty Photo Editor for Us Weekly $92k

Deputy Online Style and Beauty Photo Editor for Us Weekly $125k

Senior Style Partner Consultant $216k

Write a review

Your opinion matters. Tell us what you think.

Udemy

Rating 4.7 based on 616 ratings
Length 23 hours
Starts On Demand (Start anytime)
Cost $11
From Udemy
Instructors Maximilian Schwarzmüller, Manuel Lorenz, Academind by Maximilian Schwarzmüller, Academind by Maximilian Schwarzm端ller, Maximilian Schwarzm端ller
Download Videos Only via the Udemy mobile app
Language English
Subjects Art & Design
Tags Design Web Design

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now