The Complete Sass & SCSS Course: From Beginner to Advanced [Video]

Preview in Mapt

The Complete Sass & SCSS Course: From Beginner to Advanced [Video]

Peter Sommerhoff

No more cluttered CSS! Realize clean designs lightning-fast and without frustration using Sass & SCSS
Mapt Subscription
FREE
$29.99/m after trial
Video
$10.01
RRP $191.99
Save 94%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$10.01
$29.99 p/m after trial
RRP $191.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


The Complete Sass & SCSS Course: From Beginner to Advanced [Video] Book Cover
The Complete Sass & SCSS Course: From Beginner to Advanced [Video]
$ 191.99
$ 10.01
The Complete jQuery Course: From Beginner To Advanced! [Video] Book Cover
The Complete jQuery Course: From Beginner To Advanced! [Video]
$ 191.99
$ 10.01
Buy 2 for $20.02
Save $363.96
Add to Cart

Video Details

ISBN 139781788625081
Course Length3 hours 55 minutes

Video Description

This course is the complete masterclass for Sass & SCSS development. You will also learn how to use Sublime Text 3, one of the most popular lightweight text editors out there, confidently and write your code with lightning speed. During the course, you will create useful code snippets in Sass that you can use in future projects to double your development speed -- and you will have all the tools you need to create more such snippets to enhance your productivity even further and make clients happy! You can test what you learned in several quizzes and by coding along while we create a library of powerful code snippets. With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards Mastering Sass & SCSS! This course will not remain this price forever! It's time to take action!

Style and Approach

A four-hour course which helps you to complete masterclass for Sass & SCSS development and an added 1h of brand new content on Sass Frameworks.

Table of Contents

Introduction - Welcome To The Complete SASS & SCSS Course!
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
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
@while 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

What You Will Learn

  • Write professional Sass code and generate CSS code from it
  • Realize designs much faster with less frustration
  • Use variables to make designs more flexible and avoid repetitive code
  • Use mixins to reuse existing solutions and built upon them without re-inventing the wheel
  • Use functions and operators to calculate flexible dimensions, colors and more
  • Import fonts and existing Sass files into new designs to reuse them
  • Use Sublime Text 3 confidently to write Sass code swiftly

Authors

Table of Contents

Introduction - Welcome To The Complete SASS & SCSS Course!
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
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
@while 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

Video Details

ISBN 139781788625081
Course Length3 hours 55 minutes
Read More

Read More Reviews

Recommended for You

The Complete jQuery Course: From Beginner To Advanced! [Video] Book Cover
The Complete jQuery Course: From Beginner To Advanced! [Video]
$ 191.99
$ 10.01
Ultimate CSS Grid Course: From Beginner to Advanced [Video] Book Cover
Ultimate CSS Grid Course: From Beginner to Advanced [Video]
$ 192.99
$ 10.00
Complete MATLAB Tutorial: Go from Beginner to Pro [Video] Book Cover
Complete MATLAB Tutorial: Go from Beginner to Pro [Video]
$ 196.99
$ 10.01
Dockerization - Do more with Docker [Integrated Course] Book Cover
Dockerization - Do more with Docker [Integrated Course]
$ 124.99
$ 10.00
AWS Administration - The Definitive Guide - Second Edition Book Cover
AWS Administration - The Definitive Guide - Second Edition
$ 35.99
$ 10.00
Mastering Windows Penetration Testing Book Cover
Mastering Windows Penetration Testing
$ 39.99
$ 10.00