Realdolmen Education

Details

SASS - SCSS

Deze cursus is momenteel niet ingepland op de open kalender, maar kan op aanvraag georganiseerd worden.

Cursus aanvragen

Aantal dagen

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