The Complete Advanced Guide to CSS
INTERACTIVE COURSE

The Complete Advanced Guide to CSS

Beginner

102 Lessons

10h

Certificate of Completion

The Complete Advanced Guide to CSS
131 Playgrounds
159 Illustrations

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

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.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

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

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.
Explore Path

4 Modules

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath