Sass

CSS dient de basis voor het stijlen van alle webelementen in de browser. Dit is tevens de code die de browser kan lezen en begrijpen. Sass is een soort CSS on steroids, waarmee je al jouw CSS werk beter kunt structureren maar bijvoorbeeld ook functies kunt schrijven die CSS genereren. Denk aan een kleurenpallet van gradaties genereren op basis van een ingegeven basiskleur. Dit toevoegen van functionaliteiten bovenop CSS noemen we een CSS preprocessor, waarmee Sass dus gezien kan worden als een soort programmeren met CSS.

In de wereld van het moderne web en dus tijdens je loopbaan zul je vrijwel altijd te maken krijgen met Sass (SCSS, ook wel Sassy CSS). Daarom is het van belang de voordelen hiervan goed te doorgronden.


Deze cursus bestaat uit:

  • 5 lessen
  • 29 onderwerpen
  • 25 opdrachten
Lessen overzicht
1 Inleiding Sass 4 opdrachten meer informatie
Wat is Sass?, Sass alternatieven, Sass en SCSS syntaxis, Sass en de browser, Sass installeren, Modules, Compressen, Comments
2 Variabelen & nesting 6 opdrachten meer informatie
Variabelen, Scoping, Variabelen of custom properties, Selector nesting, Property nesting, Parent selector, Rekenen in Sass, Interpolatie
3 Data & flow control 5 opdrachten meer informatie
Data - lists, Data - maps, Flow - @each, Flow - @for, Flow - @if, Flow - @else
4 Mixins & functies 6 opdrachten meer informatie
Extending, Placeholder selectors, Mixins, Argumenten, Functies, Error handling
5 Eindopdracht Sass 4 opdrachten meer informatie
Eindopdracht Sass