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 |  |
| Wat is Sass?, Sass alternatieven, Sass en SCSS syntaxis, Sass en de browser, Sass installeren, Modules, Compressen, Comments | |||
| 2 | Variabelen & nesting | 6 opdrachten | |
| Variabelen, Scoping, Variabelen of custom properties, Selector nesting, Property nesting, Parent selector, Rekenen in Sass, Interpolatie | |||
| 3 | Data & flow control | 5 opdrachten | |
| Data - lists, Data - maps, Flow - @each, Flow - @for, Flow - @if, Flow - @else | |||
| 4 | Mixins & functies | 6 opdrachten | |
| Extending, Placeholder selectors, Mixins, Argumenten, Functies, Error handling | |||
| 5 | Eindopdracht Sass | 4 opdrachten | |
| Eindopdracht Sass | |||