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.1 (45 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,189 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 35
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

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!

What are the requirements?

  • Willingness to learn
  • You should already have been using CSS for about six months

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducing SASS
Introduction
Preview
00:58
Section 2: Setting Up Your Development Environment - Easy
Setting up Your Development Environment
07:00
Setting up an easy dev environment for $10
04:10
Section 3: Setting Up Your Development Environment - Advanced
08:20

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

12:55

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

Section 4: Working with SASS
Make Sure You Turn on the HD
Article
03:49

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

01:44

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

04:16

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

02:13

How do you write comments in SASS?

03:45

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
IFrame
4 questions

Have you understood the basics?

Section 5: Functions
09:22

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

03:17

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

06:45

How to write a reusable function in SASS

Functions Code Challange
IFrame
02:02

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

00:37

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

Writing Functions Quiz
3 questions
Section 6: Mixins, Extending and Including
06:09

How to reuse chunks of CSS with SASS

02:11

Let's check out another example

Mixin Code Challenge
IFrame
03:17

How to separate and link your SASS stylesheets

04:40

When and where to use extend instead of a mixin

Mixins Quiz
2 questions
Section 7: Compass Basics
05:47

Extending your SASS posibilities with Compass

02:42

Adding a box shadow with a compass fucntion

01:11

Adding opacity with a Compass function

02:51

Checking contrast with a SASS function

Creating Image Sprites with Compass
Preview
07:48
00:29

You can find hundreds more compass functions here

Compass Quiz
2 questions
Section 8: Advanced SASS Skills
07:58

Collecting together groups of variables in a list

16:05

Where when and how to use a loop in SASS

11:39

Where when and how to use an if statement in SASS

Advanced SASS Quiz
1 question
Section 9: Summary
Congratulations
00:30
Section 10: Bonus: Emmet
02:37

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

04:00

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Rob Sutcliffe, 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

Ready to start learning?
Take This Course