Sass Workflow

Learn why Sass is becoming more prominent in web development and how to use the API and command line for Sass.
Rating: 4.6 out of 5 (2,239 ratings)
52,357 students
Sass Workflow
Rating: 4.6 out of 5 (2,239 ratings)
52,357 students
Develop projects quicker by implementing SASS
Install SASS on any OS
Understand SASS commands
Understand basic & advanced SASS API's

Requirements

  • Basic understanding of CSS and prefixed properties
  • Basic knowledge of HTML (not required but strongly recommended)
Description
  1. Welcome to this Avelx course, this course will develop your skills in maintaining structured stylesheets. Sass is a CSS preprocessor which allows a more functional approach to styling; such as variables, mixins, if statements, loops, maths, inheritance and more.

First I'll show you how to easily use the command line to keep our CSS up to date. We'll be watching our Sass files automatically for any new changes and exporting in real time. Also the command line allows real time compression to produce a smaller CSS file and converting between Sass and SCSS.

With projects getting larger and more detailed we need to keep our CSS maintained. This can be a handful when it comes to a standard CSS stylesheet. But with Sass everything can become a breeze!

Who this course is for:
  • Web developers that need a solution to writing less CSS and a more simplified and structured stylesheet
  • Web developers with knowledge of HTML and CSS
  • Developers with some command line knowledge (but not required)
Course content
4 sections • 21 lectures • 2h 57m total length
  • Introduction
    00:42
  • SASS Installation
    04:37
  • SASS Commands
    10:39
  • Environment Setup
    07:06
  • Variables
    09:35
  • Inheritance
    08:24
  • Mixins
    12:07
  • Import
    08:40
  • List Functions
    08:33
  • Maps
    06:05
  • Math Operators & Functions
    06:08
  • If Directives
    09:34
  • Loops
    13:50
  • Function Directives
    04:27
  • SASS Extended Introduction & Koala Compiler
    05:30
  • SASS compiler auto prefix css properties
    01:15
  • SASS Source Maps
    10:09
  • SASS Grid
    13:30
  • SASS Grid Media Queries
    17:38
  • SASS Buttons
    18:02
  • Bonus Lecture: Discount courses
    00:59

Instructor
Technical Instructor
Lawrence Turton
  • 4.5 Instructor Rating
  • 31,791 Reviews
  • 332,820 Students
  • 7 Courses

Lawrence Turton works as a web developer & graphic designer specialising in HTML, CSS, jQuery, UI & UX design. He has previously worked with Fifteendesign producing websites, iPhone and Android apps and started his own agency in 2010 called Elite Web Design. During that time Lawrence has established a wide range of clients from blue chip companies to large corporations. From a young age he was an online instructor and started to work with two of the leading online training specialists Cartoonsmart and Envato. Lawrence always created projects involving designs in Photoshop and bringing his creations to life by coding them with web technologies. This gives him a unique perspective into real world projects from start to finish and a wealth of information for new comers to the web industry.