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 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