Css compilers less sass

In een van de eerste modules heb je kennis gemaakt met CSS (Cascading Style Sheets) en je weet inmiddels dat CSS een manier is om de opmaak en presentatie van webpagina's te bepalen. Waar HTML de structuur van een pagina beschrijft, zoals de inhoud en de hiërarchie van elementen, zorgt CSS ervoor dat die elementen er mooi uitzien. Voor een opfrisser zou je even kunnen kijken naar de CSS introductie of bijvoorbeeld naar de tutorials van de W3Schools.

LESS en SASS

LESS en SASS zijn talen die beiden heel erg op gewone CSS lijken, maar dan met superkracht. Je kan bijvoorbeeld for loops maken, if then else achtige structuren toevoegen en code nesten. Browsers kunnen niet rechtstreeks met LESS en SASS code omgaan, browsers begrijpen alleen CSS. Via een speciaal programma moet jij als programmeur daarom jouw LESS of SASS code omzetten naar CSS code. Dit noemt men compileren. Omdat LESS en SASS zo erg op elkaar lijken behandelen we hier alleen LESS. Je moet wel onthouden dat beiden bestaan.

Je IDE configureren

Wanneer je een website of een webshop of een mooi online systeem maakt dan wil je natuurlijk niet bij elke wijziging een script moeten draaien om jouw LESS of jouw SASS code te compileren. Je bent programmeur toch? Wat doen doe? Dingen automatiseren. Hoe meer jij van jouw eigen werk weet weg te automatiseren hoe Wat doen programmeurs? Automatiseren toch...

VS Code

PHP storm