SASS from Beginner to Expert

Name: SASS from Beginner to Expert
Rating: 4.1 (315 reviews)

Using SASS you will create CSS 10x times faster. I'll teach you how to maintain a code on a whole new level using SASS

Created byArkadiusz Włodarczyk

Last updated 4/2026

English

What you'll learn

install SASS
write clean and easy to maintain code in SASS
import SASS files
make CSS files compressed automatically
use SASS's language syntax
create a professional clean project
create responsive web design using SASS

Course content

8 sections • 23 lectures • 2h 59m total length

What is SASS? What you will know after this course?4:40
After this lecture you will know what is SASS.
SASS vs LESS10:21
What is better SASS or LESS?

Ideal editor for working with SASS4:40
We are downloading Netbeans and installing Java JDK
Installation and configuration of SASS11:47
What is Ruby and why you need it? You will learn how to isntall Ruby/SASS and configure it properly in Netbeans. You will leanr how to write simple code in SASS. You will also learn how to analyze errors and how to run project in Netbeans so you can watch everything done in SASS 'on live'. You will also be shown an online compiler of SASS.
Manually compilation of SASS6:26
You might not want to use Netbeans even tho it's really great IDE. how to compile SASS without any editor? How to make it so SASS automatically compiles? After this lesson you will know how to manually compile SASS files.

What are source maps and why they are so cool?4:27
Using source maps you can associate styles written in SASS to the output CSS styles which will let you later instantly get to the code you want to edit.
How to compress your CSS files on fly?4:55
You will learn how to manage your code so your CSS files is gonna be very small (compressed) and you will still maintain very readable code thanks to SASS. Because of it your websites will load faster and you won't lose your time for compressing CSS file.
How to manage your code to be cleaner?5:42
How to import SASS files? How to make your code cleaner and easier to manage. How to make SASS file that is not gonna be compiled into CSS file? How to make a file that purpose is being a library for other SASS files?

What are variables and how to properly name them?11:30
What are variables? How to name properly variables so there won't be later any problems? What conventions are used to name variables?
How to make drop-down menu using nested-styles?17:45
How to improve writing speed of our code and in the same time to make it cleaner using nested styles? You will be shown how to use nested styles without generating useless code on practical example (drop-down menu)
What are mixins and how to solve problem with vendor prefixes?19:24
What are mixins and how to use them? You will learn what is the best way to solve vendor prefixes problem. You will also learn history of vendor prefixes and why they are the problem ;)
@Extend6:08
What is @extend and when you should use extend over mixin
What are placeholders and when to use them?9:29
What is placeholder and what differs it from mixins. When you should use mixin and when placeholder?
Our own functions and built-in functions10:05
What are functions and how to create them? How to use built in functions in SASS. You will see very important functions that will make your life of developer easier for creating colors on your website.
Conditional Statements on practical example using function5:32
You will know what are conditional statements and how to use them. In this lesson we create a functions that automatically changes the contrast between background and text.
Summary quiz

Why Math in Sass is so cool?14:13
You will know why Math in SASS is so cool. When to use it on practical real life example that we gonna write through 3 lessons showing new features. In addition to this you gonna train things taught in section 4.
Professional Responsive Web Design with SASS4:35
How to create Responsive Web Design elements on your websites using media queries and SASS? After this lesson you will know how to professionally design your code so your elements in SASS. Your elements will change size when the resolution is gonna be changed.
How to use variable value as a text for selector (Interpolation)7:36
How to use variable value as a text for selector? After this lesson you will know what is interpolation and how to use it on real life example.
Generating small boxes selectors with mixins and interpolation4:49
Interpolation in SASS, next example where you will learn how to generate with mixins new selectors by sending name of it as variable.

Requirements

You should already be familiar with the basics of HTML and CSS.

Description

If you want to write clean and easy to maintain code or you do not know what SASS is, then you are in the right place.

After my course you will write your CSS faster - your code will be clean and easy to maintain.

SASS allows you to:

reduce the time needed for creating and maintaining a CSS code
quickly create clean responsive web design
divide your project into logical modules without losing website loading speed
have many logical files in development and generate automatically one compressed CSS file
create variables (you can save and reuse values that are used in many places)
create mixins (write reusable code only once)
do nesting (which makes your code easier to organize)
choose colors for website on a whole new level
and much more

SASS is very similar to CSS so you do not need to worry about learning it from scratch.

SASS is expanding CSS by additional cool features that you will get to know during my course.

After my course you will know how to:

install SASS
write clean and easy to maintain code
make output CSS file automatically compressed
use SASS's language syntax
create a professional clean project
create responsive web design using SASS

I guarantee you that after completing this course you won't want to go back to write normal CSS code. Why? Because it won't be as fast and effective as by using SASS.

Over 350,000 students bought my courses and all of them are happy.
I give you 100% satisfaction - if you do not like my course you can request a full refund up to 30 days. Remember that if you have any questions regarding topics covered in the course please feel free to ask. I'm always happy to help!

Please check free lessons before buying! See for yourself the great quality of the course and enjoy it!

So JOIN NOW and save your precious time. Learn SASS faster with my course.

Who this course is for:

This SASS course is meant for people who don't have any knowledge about SASS or for students looking for the new way to write cleaner code. This course assumes you know the basics of HTML and CSS.

SASS from Beginner to Expert

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 15min

Installation3 lectures • 23min

Code Managament3 lectures • 15min

Syntax7 lectures • 1hr 20min

Real life examples4 lectures • 31min

Advanced2 lectures • 12min

Summary1 lecture • 3min

BONUS1 lecture • 1min

Requirements

Description

Who this course is for: