The Complete Advanced Guide to CSS

Beginner

102 Lessons

10h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

131 Playgrounds

This course includes

131 Playgrounds

Course Overview

My Goal is to take you from a beginner (or intermediate) CSS user to becoming one of the best CSS devs you know! 👉🏻 COURSE CONTENT? 1. A detailed look at CSS Fundamentals 2. Practical SVG for today 3. A Sane Guide to Responsive Design 4. Creating sleek Interfaces with CSS Animations and Transitions 5. Writing Maintainable CSS and tips for CSS at Scale 6. Learn the CSS Grid by Building ... wait for it! 😉 7. Get a Private slack Invite where you can ask me anything 8. Gain a Solid Understanding of CSS Fu...Show More

Course Content

1.

Introduction

2.

Getting started with CSS

3.

Oh My Selectors!

4.

CSS Fundamentals Everyone Should Know

5.

Colors, colors, colors!

6.

We all Need Units

10 Lessons

7.

Typography in CSS

5 Lessons

8.

The Box Model

6 Lessons

9.

Challenge: Hands-on Practice with Texts, Margin, Padding and Borders

3 Lessons

10.

Getting creative with Backgrounds

5 Lessons

11.

Project: Build a Movie Order Page

9 Lessons

12.

Making Sense of CSS Gradients

4 Lessons

13.

Hands-on Practice with Gradients

6 Lessons

14.

Project: Build a Sign Up Page for a Startup

6 Lessons

15.

{New} Teach Me Positioning Like I'm Five

7 Lessons

16.

{New} A Detailed Look at CSS Variables ( a.k.a Custom Properties )

7 Lessons

17.

{New} CSS Variables Real World Applications

3 Lessons

18.

{New} Long Live the CSS Grid

10 Lessons

19.

Final Words

4 Lessons

Course Author

Part of the Front-end Developer Learning Path


Path Cover

Become a Front-end Developer

Go from complete beginner to creating interactive websites using HTML, CSS, and JavaScript.
Explore Path

4 Modules

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor