Realdolmen Education

Details

SASS - SCSS

This course is currently not scheduled on the open calendar, but can be organized on request.

Request Course

Duration

0.5 day(s)

Audience

Web developers / designers

Prerequisites

Basic knowledge of CSS

Objectives

Creating CSS effortlessly with SCSS (the syntax linked to Sass)

Methods

Classroom training with hands-on exercises

Description

Writing CSS (Cascading Style Sheets) is tedious. Not only does it act different in all kinds of browsers. Its declarative syntax makes it sometimes difficult to write and to maintain. Just think about all the times you had to specify the same color code.

In this course we will learn how SCSS can help us write less code, keep our code structured and avoid repeating code.

Contents

  • Sass - SCSS
    • Goal
    • Agenda
  • Introduction
    • What is Sass? What is SCSS?
    • Why use SCSS?
  • Getting started
    • Files and folders
    • Example of code
    • Sass - SCSS - the difference
    • Installation and set-up
    • Output Style
    • CSS legacies
  • Syntax
    • Basically CSS but with extra's
    • Nesting
    • Comments
  • Features
    • Variables
    • Partials
    • Import
    • Mixins
    • Extend
    • Extend Style
    • Extend properties : placeholder selectors
    • When to use nesting or extend
    • Operators
  • Conditions
    • for-loops
    • Functions
  • Conclusion
    • Approach