SASS - SCSS
This course is currently not scheduled on the open calendar, but can be organized on request.
Request CourseDuration
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