Loading...
Skip to Main Content

Course Details

Time: 9AM - 4PM Eastern Time (ET)
Duration: 1 Day

Description:

In this course you will learn how to: Use pre-processing to prepare your stylesheet; Comment in Sass; Use variables; Scope selectors through nesting; Import Sass partials; Use inherited styles; Standardize measurements with operators; Enhance Sass with other technologies.

Prerequisites:

Cascading Style Sheets (CSS) or equivalent knowledge or experience is mandatory.

Web Design Course

Public Class Schedule

We're Here to Help

Don't see the dates you need? Call us at 888.484.2933 or Tell Us What You Need.

Course Outline

  • Understanding Sass
    • The history of Sass
    • CSS vs. SCSS
    • Extending CSS3 with OOP
  • Installing Sass
    • Sass through applications
  • Pre-processing
    • DRYing up you Stylesheet
  • Commenting Sass
    • Multi-line vs. single line comments
    • Preventing comment crossover
  • Using variables
    • Understanding variable types
    • Variable syntax
    • Defining and using variables
  • Selector scoping through nesting
    • Nesting syntax
    • The parent selector
    • Dangers of excessive nesting
  • Importing Sass partials
    • Combining multiple CSS
  • Including mixins
    • Basic mixin sytax
    • Using defaults
  • Inheriting through @extend
    • Extending existing rules
    • Using Placeholders
  • Standardizing with operators
    • Calculating a layout
    • Using variables to enhance operations
  • Enhancing Sass with LESS and Compass
    • Going beyond Sass to other technologies

Private training is available for this course.

Call us at 1-888-484-2933 to learn more about our flexible scheduling options or complete our Information Request Form.

Web-based training is super easy to set up and doesn’t require fancy software.

Find a Course