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,187 ratings)
51,216 students
Sass Workflow
Rating: 4.6 out of 5 (2,187 ratings)
51,216 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)
Curriculum
4 sections • 21 lectures • 2h 57m total length
  • Introduction
  • SASS Installation
  • SASS Commands
  • Environment Setup
  • Variables
  • Inheritance
  • Mixins
  • Import
  • List Functions
  • Maps
  • Math Operators & Functions
  • If Directives
  • Loops
  • Function Directives
  • SASS Extended Introduction & Koala Compiler
  • SASS compiler auto prefix css properties
  • SASS Source Maps
  • SASS Grid
  • SASS Grid Media Queries
  • SASS Buttons
  • Bonus Lecture: Discount courses

Instructor
Technical Instructor
Lawrence Turton
  • 4.5 Instructor Rating
  • 30,178 Reviews
  • 314,149 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.