Sass Training in Mentor

Enroll in or hire us to teach our Sass class in Mentor, Ohio by calling us @303.377.6176. Like all HSG classes, Sass may be offered either onsite or via instructor led virtual training. Consider looking at our public training schedule to see if it is scheduled: Public Training Classes
Provided there are enough attendees, Sass may be taught at one of our local training facilities.
We offer private customized training for groups of 3 or more attendees.

Course Description

 
In this 3-day Sass Training class, students will learn how to get started using Sass (Syntactically Awesome Style Sheets). Sass is a growing CSS extension language that is compatible with all versions of CSS. This course starts with a introduction of what Sass is along with a HTML and CSS background review. Then we dive right into getting students started using Sass. CSS is not a prerequisite to this course. However, working with Sass is a more advanced way of using CSS with a website. Students looking to enhance their skills may want to consider our Introduction to CSS, Advanced CSS, or CSS3 for Web Developers courses after taking Sass.
Course Length: 3 Days
Course Tuition: $790 (US)

Prerequisites

CSS experience is helpful but not required for this 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
  
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

Interesting Reads Take a class with us and receive a book of your choosing for 50% off MSRP.