Skip to Main Content

Introduction to Sass  (EWCS301)

Time: 9am - 4pm
Duration: 2 days

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:

EWHT101—HTML/XHTML and EWCS201—CSS: Advanced Layout Techniques Including CSS3 and EWJS101—JavaScript: An Introduction or equivalents are mandatory

Public Class Schedule

Location Language Date Price Register
Ottawa English October 19 - October 20 $ 635.00
Web-based(Opens in new window) English October 19 - October 20 $ 635.00
Ottawa English December 4 - December 5 $ 635.00
Web-based(Opens in new window) English December 4 - December 5 $ 635.00

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
    • Command Line Sass
  • 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.

© 2017 Eliquo, Inc. All rights reserved.

Back to Top