Skip to Main Content

Introduction to Sass  (EWCS301)

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:

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

This course is currently available in another city, on demand or for private classes only. Call us at 888.484.2933 to learn more about our flexible scheduling options or complete our Information Request Form and we will contact you to arrange a class date that is suitable to your availability.

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.

© 2020 Eliquo, Inc. All rights reserved.

Back to Top