Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Introduction to Sass to your Wishlist.

Add to Wishlist

Introduction to Sass

Learn a better way to write CSS
3.8 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
29 students enrolled
Created by Lucy Wyman
Last updated 1/2016
$15 $30 50% off
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

Syntactically Awesome StyleSheets provide a number of tools to improve the organization, flexibility, and bloated style of your CSS. From variables and macros to cut down your line count, to nesting and partials to help keep your concerns separated, Sass will save you (and whoever takes over your code base) time and heartache. This course will explain each of the main features of Sass, providing examples of how each one is useful and describing how to get the most out of them. I'll also guide you through installing Sass, and then incorporating it into your website. This 90 minute course is great if you're an intermediate level web developer looking to take your styling game to the next level, and be more efficient, clean, and concise. If you're ready to make styling fun again, check it out!

Who is the target audience?
  • This course is intended for intermediate level web developers who are very comfortable with HTML and CSS, either in a casual or professional setting. Familiarity with basic programming principles and the command line are good to have as well, but not necessary!
  • This course is not for beginners who have never created a website before, or for developers who can already write Sass and are looking for 'tips and tricks'.
Students Who Viewed This Course Also Viewed
What Will I Learn?
Compile Sass into CSS
Use all the features Sass offers to improve styling quality in their code base
View Curriculum
  • Students will need Ruby, Rubygems, and Sass (which is a ruby gem) installed
  • Comfort with HTML and CSS
  • Familiarity with the terminal and basic programming don't hurt either!
Curriculum For This Course
Expand All 23 Lectures Collapse All 23 Lectures 01:34:17
Start Here
2 Lectures 04:18
Getting Set Up
2 Lectures 03:58

How to access and download exercise materials for this course

Preview 01:50

How to install ruby, rubygems, and Sass

Preview 02:08

A brief quiz to make sure you understand key concepts in section 2

Section 2: How Sass works
2 questions
Variables and Nesting
3 Lectures 16:36

Introduction to the idea of namespaces and nesting in SCSS

Preview 06:33

Introduction to the syntax and semantics of variables in Sass.

Introduction to Variables

Variables and Nesting: Best Practices
Inheritance and Mixins
3 Lectures 10:13

Introduce the idea of inheritance using @extend

Introduction to Inheritance

Introduce inheritance using @mixin

Introduction to Mixins

A little more on Mixins
2 Lectures 09:44
Introduction to Operators

Operations and Color

Operations and Color
Conditionals and Iterables
4 Lectures 23:26

Introduce the ideal of conditional statements and show examples

Introduction to Conditionals

Description of for loops in sass, and an example of how they're used.

For Loops

Introduction to Lists in Sass


An introduction to Maps in Sass, and example of how to use them

5 Lectures 17:12
Introduction to Functions

Function Example

Color Functions

String and Number functions

List and Map Functions
2 Lectures 08:50
Partial Files

Output Formats
About the Instructor
3.8 Average rating
3 Reviews
29 Students
1 Course
Front End Engineer

Lucy is a senior studying computer science at Oregon State University. Last summer she worked for Puppet Labs as an Engineering Intern, where she helped build and maintain the front-end (emberjs) and middleware (clojure) for Puppet Enterprise Console. During the school year she works as a Front-End Engineer for the OSU Open Source Lab. Lucy specializes in web development, and is proficient in HTML, Sass/CSS, Javascript and Python, as well as C/C++, Ruby, and Haskell. In addition, she leads DevOps BootCamp, an outreach program for budding software developers, is Vice President of the OSU Linux Users Group, and is a Body Pump Instructor. In her spare time Lucy enjoys running, cooking, and sewing.

Report Abuse