Video Tutorial Sass Beginner Crash Course with CSS


  • Course duration : 49m43s
  • Lifetime access
  • 30 days money back guarantee
  • Source files included
Sass Beginner Crash Course

add to your wishlist remove this course from wishlist

What is SASS? Sass (Syntactically awesome stylesheets) is a CSS preprocessor.

  • Sass allows to write more maintainable and more concised CSS
  • Sass allows to use great CSS features with superpowers.
  • Some features include: Writing and defining Variables, clear inheritance with Nested Rules, using Mixins as re-usable objects, doing maths with the operators (+, -, *, /) and functions...
  • And, it is actively supported by a large community of developers to stay ahead.

Why use SASS ?

While CSS is a great language, it has some limitations. For example, if you have a color code used multiple times in your stylesheet, you need to edit this one multiple times to update your design. Very tedious process!
Sass is the most reliable, stable, and powerful professional grade CSS extension language. It has been chosen as the premier CSS extension language. Sass is great for the following reasons. :

  • Less code and repetition - allows to cut down one code and save time
  • The stylesheet are formatted nicely with a more dynamic code
  • It makes logical sense to break out CSS into multiple files with the feature

Every web developer or front-end UI engineer should use a pre-processor language over traditional CSS
In SASS - Beginner Crash Course, you will discover the power of Sass and learn to take your CSS to the next level. With several demonstrations and examples. you will see the power of the pre-processor language.

The objectives of this course is to help you :

  • create smarter and cleaner stylesheets,
  • cut down on code,
  • keep your code DRY (Don't Repeat Yourself) and organized.

As part of this tutorial, we will use the online application Sassmeister as a playground to compile the Sass syntax into beautiful and standard CSS.

Topics include in this SASS video tutorial

  • Define Variables for faster maintenance.
  • Declare Mixins as reusable objects
  • Nesting for a cleaner stylesheet structure.
  • Perform mathematical calculations with the Operators and Functions

On a more advanced level, we will speak about:

  • Parametized Mixins with default
  • Inheritance and Extend
  • Placeholder
  • The @import directive

In this tutorial, you will easily and surely get started with CSS programming and learn to write better CSS.

CSS training table of contents (duration : 49m43s)

  • Sass Basics
    • Introduction 00:00:57
    • Variables 00:05:32
    • Nesting 00:02:32
    • Mixins 00:10:03
    • Operators 00:04:23
  • Sass Advanced
    • Introduction 00:00:47
    • Mixins with Default 00:06:47
    • Extend 00:05:49
    • Placeholder 00:01:28
    • Built-In Functions 00:06:19
    • Import Directive 00:05:06

Instructor : Sandy Ludosky

Sandy Ludosky has published 29 tutorials and obtained an average rating of 4,4/5 on 3 532 courses sold. Sandy Ludosky is a, tuto.com's certified instructor. See others courses from Sandy Ludosky

  • With which software version is this tutorial compatible with?
  • What is the required level to follow this tutorial ?
Access to more than 19 free tutorials

no, I don't want to learn for free !

see our data protection policy