Duration
2 days
Objective
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.
Prerequisite
Attendees should be knowledgeable in HTML5, CSS, and JavaScript
Module 1: Understanding Sass
- The history of Sass
- CSS vs. SCSS
- Extending CSS3 with OOP
Module 2: Installing Sass
- Sass through applications
- Command Line Sass
Module 3: Pre-processing
- DRYing up you Stylesheet
Module 4: Commenting Sass
- Multi-line vs. single line comments
- Preventing comment crossover
Module 5: Using variables
- Understanding variable types
- Variable syntax
- Defining and using variables
Module 6: Selector scoping through nesting
- Nesting syntax
- The parent selector
- Dangers of excessive nesting
Module 7: Importing Sass partials
- Combining multiple CSS
Module 8: Including mixins
- Basic mixin sytax
- Using defaults
Module 9: Inheriting through @extend
- Extending existing rules
- Using Placeholders
Module 10: Standardizing with operators
- Calculating a layout
- Using variables to enhance operations
Module 11: Enhancing Sass with LESS and Compass
- Going beyond Sass to other technologies
Programme scope, delivery arrangements and suitability are confirmed during enquiry.