SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • AtoZ: Sass
AtoZ: Sass

AtoZ: Sass

Learn Sass letter by letter


Course details

4.7∙15 Ratings9 reviews

Published
July 2017
Videos
26
Duration
3h 4m
Happy students
1721

Take this course

About the course

In AtoZ: Sass, we'll explore all sorts of different Sass topics, attributes, properties, tools, and frameworks letter by letter. CSS is a straightforward language in principal but in practice it can quickly get out of hand. Writing CSS can be repetitive, hard to organise and particularly challenging to manage when working with teams. Sass is a powerful CSS preprocessor that can help solve all of these common issues. Throughout the course we'll cover fundamental topics of Sass including using variables, nesting and mixins to better organise your styles. We'll also look at more intermediate and advanced topics such as creating custom functions, loops, conditional statements, automation, build tools and digging into the inner workings of the Sass library. We'll cover the theory and demonstrate practical applications of all these features so you can see how you might be able to apply these concepts to your own projects. The goal of this course is to give you a thorough understanding of the library so you can keep your code organised, DRY and work quickly and efficiently. This course will teach you how to think like a programmer as you approach styling your projects and ultimately enable you to write more modular, more maintainable code. To follow along with the practical aspects of this course you'll need Sass installed so I recommend heading to the Sass documentation site and following the [installation instructions](http://sass-lang.com/install). For more getting started tips, check out SitePoint's [Jump Start Sass book](https://www.sitepoint.com/premium/books/jump-start-sass). To check out the first course in this AtoZ series, head on over to AtoZ: CSS — and see where it all started!

Course Instructor

Guy Routledge

Guy Routledge

Front-end dev and teacher at The General Assembly London. A to Z CSS screencaster, founder @saplingdigital and co-founder @thefoodrush

Course Outline

Lesson 1: AtoZ: Sass
  • Free
    A: The Almighty Sass Ampersand
    5:11
  • Locked
    B: BEM with Sass
    7:20
  • Locked
    C: Color Functions in Sass
    5:57
  • Locked
    D: The Different Data Types in Sass
    6:59
  • Locked
    E: Extending Sass with @extend
    8:38
  • Locked
    F: Creating Custom Functions
    6:40
  • Locked
    G: Compiling Sass with Grunt and Gulp
    10:57
  • Locked
    H: A Handful of Handy Sass Mixins
    5:15
  • Locked
    I: Interpolation of Sass Variables
    5:44
  • Locked
    J: Sharing Variables Between Sass and JavaScript with JSON
    6:02
  • Locked
    K: Keyframe Animations with Sass
    6:39
  • Locked
    L: Sass Loops and Flow Control
    10:03
  • Locked
    M: Working With Sass Map Variables
    6:36
  • Locked
    N: Using Neat and Bourbon with Sass
    10:48
  • Locked
    O: The Optional and Default Flags
    4:37
  • Locked
    P: Performance and Sass
    12:33
  • Locked
    Q: Querying Media for Responsive Design
    7:07
  • Locked
    R: Generating Random Numbers in Sass
    4:04
  • Locked
    S: Sass Source Maps
    5:55
  • Locked
    T: Tuning Typography with Two Sass Plugins
    7:18
  • Locked
    U: Unit Functions in Sass
    5:38
  • Locked
    V: Variable Scope in Sass
    6:24
  • Locked
    W: Warn, Error and Debug Directives
    5:54
  • Locked
    X: Extending Sass with the Ruby API
    6:36
  • Locked
    Y: Using Yeoman to Kickstart Your Project
    10:23
  • Locked
    Z: Managing Z-index Across a Project
    5:39

Reviews
4.7

15 total

10
5
0
0
0

Course details

4.7∙15 Ratings9 reviews

Published
July 2017
Videos
26
Duration
3h 4m
Happy students
1721

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy