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 hard. 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 Sass and SCSS can help us write less code, keep our code structured and avoid repeating code.

Contents

Sass - SCSS

1.1. Goal
1.2. Agenda

Introduction

2.1. What is Sass? What is SCSS?
2.2. Why use SCSS?

Getting started

3.1. Files and folders
3.2. Installation
3.3. Install Ruby and Sass
3.4. Koala: Installation and use
3.5. CSS legacies

Syntax

4.1. Basically CSS but with extra's
4.2. Nesting
4.3. Comments

Features

5.1. Variables
5.2. Partials
5.3. Import
5.4. Mixins
5.5. Extend
5.6. Extend Style
5.7. Extend properties : placeholder selectors
5.8. When to use nesting or extend
5.9. Operators

Conditions

6.1. for-loops

Conclusion

7.1. Approach