Course duration
- 2 days
Course Benefits
- Learn to learn what Sass is and why to use it.
- Learn to learn to work with preprocessors.
- Learn to learn to install and configure Sass on either a PC or a Mac.
- Learn to learn the Sass philosophy on code organization.
- Learn to learn how comments work in Sass.
- Learn to learn how to work with operations, control directives, and expressions.
- Learn to learn about mixins, such as bourbon, and learn how to write your own.
- Learn to understand when and how to use nesting.
- Learn to learn how to write your own functions.
- Learn to learn about extending and framework options.
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private classes are delivered for groups at your offices or a location of your choice.
Learn at your own pace with 24/7 access to an On-Demand course.
Course Outline
- Introduction/Why Sass?
- The Problem Sass Solves
- Benefits of Sass
- Code Organization
- Performance
- Valid CSS
- Libraries
- Sass Syntax
- How to Use Sass
- Coming Attractions
- Organizing Sass
- Nesting
- Variables
- The Problem Sass Solves
- Organizing and Including Sass Code
- Sass Partials
- Partials/@import Example
- Sass Watch
- Exercise: Using Partials
- Code Organization
- The Sass Blog
- The Sass Blog: With Sass Partials
- Directory Structure & Master Sass File
- The general Partial
- The header Partial
- The maincontent Partial
- The mainnav Partial
- The footer Partial
- The forms Partial
- Up Next
- Exercise: Extending the Sass Blog
- More Styling for the Blog: Syntax Highlighting
- Exercise: Adding Syntax Coloring
- Nesting
- Nesting
- Referencing the Parent Selector with &
- Nested Properties
- Nesting Example
- Exercise: Using Nesting
- Nesting and Media Queries
- How Much to Nest
- Exercise: Using Nesting with the Sass Blog
- Nested @import
- Sass Variables
- Variables
- Variable Naming Guidelines
- Variable Scope
- Shadowing
- Overwriting Global Variables within Blocks
- Exercise: Using Variables in Sass
- When to Use Variables
- Exercise: More Variables
- Exercise: Adding Variables to the Blog
- Advanced Sass
- Operations and Control Directives
- Functions
- Mixins
- Debugging
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Experience in the following would be useful for this CSS class:
- CSS experience is helpful but not required for this course.
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.