Brochure
Enquire
- What Is a Preprocessor?
- Sass or SCSS?
- Home
- Simpliv Learning
- Courses
- Complete Sass and SCSS Course From Beginner to Advanced
Complete Sass and SCSS Course From Beginner to Advanced
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
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
prev
next
Latest Articles
prev
next
