author-cover

The Complete Advanced Guide to CSS

102 Lessons
131 Playgrounds
156 Illustrations

Start from scratch and become a front-end developer with real job-ready skills. Don't miss out.


Path Cover

Become a Front-end Developer

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

6 Modules

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 Buildi... See more

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

7. Typography in CSS
8. The Box Model
9. Challenge: Hands-on Practice with Texts, Margin, Padding and Borders
10. Getting creative with Backgrounds
11. Project: Build a Movie Order Page
12. Making Sense of CSS Gradients
13. Hands-on Practice with Gradients
14. Project: Build a Sign Up Page for a Startup
15. {New} Teach Me Positioning Like I'm Five
16. {New} A Detailed Look at CSS Variables ( a.k.a Custom Properties )
17. {New} CSS Variables Real World Applications
18. {New} Long Live the CSS Grid
19. Final Words

Join 450,000 learners from companies like