Improve Your CSS Workflow with SASS
4.0 (43 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,207 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Improve Your CSS Workflow with SASS to your Wishlist.

Add to Wishlist

Improve Your CSS Workflow with SASS

Writing CSS a line at a time can be exhausting, slow and messy. Learn how to write CSS faster and stronger with SASS.
4.0 (43 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,207 students enrolled
Created by Rob Sutcliffe
Last updated 11/2015
Current price: $12 Original price: $60 Discount: 80% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Have faith in SASS as been the future of CSS
  • Have full practical and working knowledge of SASS
  • Write simpler, cleaner, more robust stylesheets
  • Save a percentage of your development time everyday
View Curriculum
  • Willingness to learn
  • You should already have been using CSS for about six months

Writing CSS is slow, awkward and take ages to debug. All the other programming languages moved on without it a decade ago but CSS lacks the ability to improve it until the browsers lets us. SASS gives us that power, we can build upon what CSS started without having to change the way we work.

The SASS will be compiling but the only time we'll know about it is when we get an error as soon as we try and save any of our mistakes. We can write CSS faster, stronger and simpler. If you're CSS process hasn't improved by at least 2hrs (the length of this course) in the next 30 days you can claim your money back!

Who is the target audience?
  • This SASS course is for anyone who has been using CSS for at least six months
  • People who don't like getting left behind
  • Anyone who want's to save time and effor with their front end development
Compare to Other Sass Courses
Curriculum For This Course
35 Lectures
Introducing SASS
1 Lecture 00:58
Setting Up Your Development Environment - Easy
2 Lectures 11:10
Setting up Your Development Environment

Setting up an easy dev environment for $10
Setting Up Your Development Environment - Advanced
2 Lectures 21:15

We'll get all the packages we need using Bower.

Set up Your Development Environment part one: Bower

In this section we'll set up Gulp to automate our SASS compiling

Set Up Your Development Environment Part Two: Gulp
Working with SASS
7 Lectures 15:55
Make Sure You Turn on the HD

Nesting is the simplest and most effective tool in your new SASS tool belt

Preview 03:49

Nesting properties allows you to nest similar properties e.g. font or background

Nesting Properties

This allows you to nest states of the parent selector e.g. h1:hover


How do you write comments in SASS?


We'll start looking at some of the more powerful features of SASS by reusing values in the stylesheet to allow us to update them easier


Variables Code Challange

Have you understood the basics?

SASS Basics Quiz
4 questions
6 Lectures 22:03

Before we look to deep into function I'll talk about the different types of data that can be stored in a variable

Preview 09:22

This video explains how you can do basic (and some more complex) maths, which will work as a base for our functions.


How to write a reusable function in SASS

Custom Functions

Functions Code Challange

There are hundreds of already exisiting functions in SASS, here we'll look at how to use them.

Built-In Functions

You can find an explanation of each of the built in functions here.

Where to find more fuctions

Writing Functions Quiz
3 questions
Mixins, Extending and Including
5 Lectures 16:17

How to reuse chunks of CSS with SASS

Preview 06:09

Let's check out another example

Another Mixin Example

Mixin Code Challenge

How to separate and link your SASS stylesheets


When and where to use extend instead of a mixin


Mixins Quiz
2 questions
Compass Basics
6 Lectures 20:48

Extending your SASS posibilities with Compass

What Is Compass

Adding a box shadow with a compass fucntion

Compass Box Shaddow Example

Adding opacity with a Compass function

Compass Opacity Example

Checking contrast with a SASS function

Compass Contrast Example

You can find hundreds more compass functions here

Where to find more compass functions

Compass Quiz
2 questions
Advanced SASS Skills
3 Lectures 35:42

Collecting together groups of variables in a list

Preview 07:58

Where when and how to use a loop in SASS


Where when and how to use an if statement in SASS

If Else

Advanced SASS Quiz
1 question
1 Lecture 00:30
Bonus: Emmet
2 Lectures 06:37

This video will show you how to add emmet to coda and write even faster stylesheets

Bonus: Emmet for Coda

This video will explain how to add emmet to sublime text so you can write even faster sass

Bonus: Emmet for Sublime Text
About the Instructor
Rob Sutcliffe
4.4 Average rating
213 Reviews
7,141 Students
3 Courses
Front-end Developer, Designer, Teacher

It's been 5 years since I started working in elearning. I understand the limitations and the possibilities of online teaching. I'm excited for the future and I'm amazed at what we can do right now.

It's been 10 years since I first taught a class. I spent three years teaching english in Seoul. I loved seeing the progress of my students and I loved knowing they were having a good time in my class. I learnt about how to write a solid lesson plan the only way I believe anyone can... by seeing the results right there in front of me.

It's been 15 years since I first designed and built a website. I remember learning dreaweaver and flash while I was a student and been hooked on the power it gives us, even then I didn't know how far it would go. I've dedicated my life to building and designing web apps to the highest standard and now I want to pass that on.

It's been 30 years since I started school. and I wasn't that good at school truth be told. I had dyslexia and couldn't keep up, having overcome that and managed to find ways to teach myself the skills I need to get some fantastic jobs I'm confident I can explain things in a way everyone can understand and, knowing how much I struggled to learn, I can be very patient in explaining how things need to be done.

I believe all the skills I have built over the years all add up to making great online course to help you move forward with your goals and I look forward to working with you on them