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
50% off
Take This Course
  • Lectures 23
  • Length 1.5 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course Description

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!

What are the requirements?

  • 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!

What am I going to get from this course?

  • Compile Sass into CSS
  • Use all the features Sass offers to improve styling quality in their code base

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'.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Start Here
Course Overview
What is Sass?
Section 2: Getting Set Up

How to access and download exercise materials for this course


How to install ruby, rubygems, and Sass

2 questions

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

Section 3: Variables and Nesting

Introduction to the idea of namespaces and nesting in SCSS


Introduction to the syntax and semantics of variables in Sass.

Variables and Nesting: Best Practices
Section 4: Inheritance and Mixins

Introduce the idea of inheritance using @extend


Introduce inheritance using @mixin

A little more on Mixins
Section 5: Operators
Introduction to Operators

Operations and Color

Section 6: Conditionals and Iterables

Introduce the ideal of conditional statements and show examples


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


Introduction to Lists in Sass


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

Section 7: Functions
Introduction to Functions
Function Example
Color Functions
String and Number functions
List and Map Functions
Section 8: Conclusion
Partial Files
Output Formats

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Lucy Wyman, 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.

Ready to start learning?
Take This Course