Tool
Sass
CSS with variables, nesting, and reusable logic
Learn Sass variables, nesting, and mixins.
8
Chapters
17
Hours (estimated)
1
Self-paced
Part-time
About 6 weeks
1 hour a day, 3 days a week
Full-time
About 2 weeks
3 hours a day, 3 days a week
Estimated from 8 chapters (notes, practice, labs, quiz, exercise, and challenge) plus the final exam. Go at your own pace.
Curriculum
8 chapters, each with a tutorial, a live example, a quiz, an exercise, a challenge, and class practice.
- 1
Introduction to Sass
Why Sass exists, and how it compiles to CSS.
- 2
Variables
Naming and reusing values.
- 3
Nesting
Mirroring HTML structure in selectors.
- 4
Partials & Imports
Splitting styles across files.
- 5
Mixins
Reusable blocks of style declarations.
- 6
Functions
Computing values like lighten() and darken().
- 7
Inheritance with @extend
Sharing style rules between selectors.
- 8
Control Directives
@if, @each, and @for in Sass.
Sass is free to study, self-paced. Pass the final exam to earn an optional Certificate of Completion for $40.