Sass Training

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.

Location

Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

Goals
  1. Learn to learn what Sass is and why to use it.
  2. Learn to learn to work with preprocessors.
  3. Learn to learn to install and configure Sass on either a PC or a Mac.
  4. Learn to learn the Sass philosophy on code organization.
  5. Learn to learn how comments work in Sass.
  6. Learn to learn how to work with operations, control directives, and expressions.
  7. Learn to learn about mixins, such as bourbon, and learn how to write your own.
  8. Learn to understand when and how to use nesting.
  9. Learn to learn how to write your own functions.
  10. Learn to learn about extending and framework options.
Outline
  1. Introduction/Why Sass?
    1. The Problem Sass Solves
      1. Benefits of Sass
      2. Code Organization
      3. Performance
      4. Valid CSS
      5. Libraries
    2. Sass Syntax
    3. How to Use Sass
    4. Coming Attractions
      1. Organizing Sass
      2. Nesting
      3. Variables
  2. Organizing and Including Sass Code
    1. Sass Partials
    2. Partials/@import Example
    3. Sass Watch
    4. Exercise: Using Partials
    5. Code Organization
    6. The Sass Blog
    7. The Sass Blog: With Sass Partials
      1. Directory Structure & Master Sass File
      2. The general Partial
      3. The header Partial
      4. The maincontent Partial
      5. The mainnav Partial
      6. The footer Partial
      7. The forms Partial
      8. Up Next
    8. Exercise: Extending the Sass Blog
    9. More Styling for the Blog: Syntax Highlighting
    10. Exercise: Adding Syntax Coloring
  3. Nesting
    1. Nesting
    2. Referencing the Parent Selector with &
    3. Nested Properties
    4. Nesting Example
    5. Exercise: Using Nesting
    6. Nesting and Media Queries
    7. How Much to Nest
    8. Exercise: Using Nesting with the Sass Blog
    9. Nested @import
  4. Sass Variables
    1. Variables
    2. Variable Naming Guidelines
    3. Variable Scope
      1. Shadowing
      2. Overwriting Global Variables within Blocks
    4. Exercise: Using Variables in Sass
    5. When to Use Variables
    6. Exercise: More Variables
    7. Exercise: Adding Variables to the Blog
    8. Advanced Sass
      1. Operations and Control Directives
      2. Functions
      3. Mixins
      4. Debugging
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following would be useful for this CSS class:

  • CSS experience is helpful but not required for this course.
Follow-on Courses

Training for Yourself

$1,090.00 or 2 vouchers

Upcoming Live Online Classes

  • See More Classes

Please select a class.

Training for your Team

Length: 2 Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

The class was informative, easy to follow and fun!
Clementine Martin
SuperMedia
The instructor was awesome and I am looking forward to the next class with her!
Cynthia Johnson
RIX Industries
I can hardly believe how much I learned in two days. My instructor was knowledgeable, patient, attentive and seemed to really care that we were all "keeping up" with the program. I plan to do another Webucator course as I continue in my education. I highly recommend this program!
Sarah Bazzano
Sonar6
Excellent course. Well laid out for our skill level and the instructor was extremely knowledgeable. We look forward to attending the next course in the series.
Richard Sheridan
State of Alaska Dept of Labor & Workforce Development

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

63,451

Students who have taken Instructor-led Training

11,895

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

10.00

Students rated our Sass Training trainers 10.00 out of 10 based on 2 reviews

Contact Us or call 1-877-932-8228