Complete Sass and SCSS Course From Beginner to Advanced

BY
Simpliv Learning

Mode

Online

Fees

$ 199 999

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course and certificate fees

Fees information
$ 199  $999
certificate availability

Yes

certificate providing authority

Simpliv Learning

The syllabus

Introduction: Welcome To The Complete SASS & SCSS Course!

Sass Overview

  • What Is a Preprocessor?
  •  Sass or SCSS?

Setup

  • Setting Up Sublime Text 3
  •  Installing Sass / SCSS
  •  A Quick Test
  •  Setting Up The Project Structure

Variables

  • Variables in Sass
  •  Using Variables Correctly

Partials

Mixins

  • Mixins in Sass
  •  Mixins with Arguments
  •  Passing Content into Mixins

Imports

  • Imports in Sass
  •  Practice Activity: A Mixin to Import Fonts

Media Queries

  • Nested Media Queries in Sass
  •  Practice Activity: Mixins & Media Queries

Operators

  • Basic Arithmetic & The Sass Shell
  •  Color Arithmetic

Functions

  • What Are Functions?
  •  Built-in Functions
  •  Creating Your Own Functions

Inheritance

  • Inheritance with @extend
  •  More about @extend (+ Sass placeholders)
  •  Do You Need It? @extend vs. @mixin

Conditional Directives

  • Using the @if and @else Directives
  •  Practice Activity: @if Directives To Switch Themes
  •  Practice Activity: A Useful Mixin With @if

Loops

  • @for Loops
  •  @each Loops

Sass Frameworks

  • An Overview of Susy, Breakpoint & Compass
  •  Installing the Toolkits & Frameworks
  •  Getting Started With Susy: Creating Your Own Grid System
  •  More About Susy: Border-Box-Sizing
  •  Mobile-First Design & Media Queries With Breakpoint
  •  Compass: Your Helper for Everything Else

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses