From the course: Learning CoffeeScript
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Processing Sass files - CoffeeScript Tutorial
From the course: Learning CoffeeScript
Processing Sass files
So far, we've learned how to process our JavaScript files, automated our work flow a little more plus set up live reloading. Let's go ahead and see what it would take to add a CSS preprocessor language like Sass to this work flow. Now Sass, like CoffeeScript, is a language that has to be compiled in order to work. It let's you write CSS faster and can help you with powerful features like variables, functions and partials. Now, if you want to learn more about Sass, make sure you check out Responsive CSS with Sass and Compass. You may also want to check out CSS with LESS and Sass. Now, this course has a movie right here on downloading and installing the tools. In order to use Sass in your workflow, you're going to have to have Ruby as well as Sass installed, and this movie will show you how to do that. In order to add Sass into our workflow, we are going to use a plugin called Ruby Sass. So we need to add that into our gulp file. So, I'm going to come over here, and then add sass, and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
What is CoffeeScript?3m 31s
-
Using online tools to process CoffeeScript2m 40s
-
(Locked)
Comparing installation options4m 23s
-
(Locked)
Setting up a project with Gulp.js9m 50s
-
(Locked)
Creating simple JavaScript automation7m 33s
-
(Locked)
Adding a default task and live reloading10m 47s
-
(Locked)
Processing Sass files8m 56s
-
(Locked)
Adding CoffeeScript7m
-
-
-