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,205 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,205 students enrolled
Created by Rob Sutcliffe
Last updated 11/2015
English
Price: $60
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
Requirements
  • Willingness to learn
  • You should already have been using CSS for about six months
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!

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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
35 Lectures
02:31:15
+
Introducing SASS
1 Lecture 00:58
+
Setting Up Your Development Environment - Easy
2 Lectures 11:10
Setting up Your Development Environment
07:00

Setting up an easy dev environment for $10
04: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
08:20

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

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

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
01:44

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

Referencing
04:16

How do you write comments in SASS?

Comments
02:13

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
03:45

Variables Code Challange
IFrame

Have you understood the basics?

SASS Basics Quiz
4 questions
+
Functions
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.

Operations
03:17

How to write a reusable function in SASS

Custom Functions
06:45

Functions Code Challange
IFrame

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

Built-In Functions
02:02

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

Where to find more fuctions
00:37

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
02:11

Mixin Code Challenge
IFrame

How to separate and link your SASS stylesheets

Include
03:17

When and where to use extend instead of a mixin

Extend
04:40

Mixins Quiz
2 questions
+
Compass Basics
6 Lectures 20:48

Extending your SASS posibilities with Compass

What Is Compass
05:47

Adding a box shadow with a compass fucntion

Compass Box Shaddow Example
02:42

Adding opacity with a Compass function

Compass Opacity Example
01:11

Checking contrast with a SASS function

Compass Contrast Example
02:51


You can find hundreds more compass functions here

Where to find more compass functions
00:29

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

Loops
16:05

Where when and how to use an if statement in SASS

If Else
11:39

Advanced SASS Quiz
1 question
+
Summary
1 Lecture 00:30
Congratulations
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
02:37

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

Bonus: Emmet for Sublime Text
04:00
About the Instructor
Rob Sutcliffe
4.5 Average rating
178 Reviews
6,789 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