Sass topics
12 short topics in HTML CSS and Accessibility. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Source organization and module boundaries
Demonstrate source organization and module boundaries in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Variables and reusable values
Demonstrate variables and reusable values in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Nested rule generation
Demonstrate nested rule generation in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Mixins and reusable style recipes
Demonstrate mixins and reusable style recipes in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Functions and computed values
Demonstrate functions and computed values in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Conditionals and iteration in styling
Demonstrate conditionals and iteration in styling in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Selector composition
Demonstrate selector composition in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Generated CSS inspection
Demonstrate generated css inspection in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Source maps and debugging
Demonstrate source maps and debugging in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Build-tool integration
Demonstrate build-tool integration in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Theme organization
Demonstrate theme organization in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Migration toward native CSS features
Demonstrate migration toward native css features in a focused Sass example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond Sass.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in CSS UI and design systems.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.