Beetje Coderen

Les 32

Build-tools en Sass

Een workflow met een bundler en een CSS-preprocessor.

⏱ 45–60 minuten leestijd + oefenen

🎯 Na deze les kun je

  • Sass-variabelen en nesting gebruiken
  • een eenvoudige build-tool opzetten
  • uitleggen wat native CSS inmiddels zelf kan

Je bakkerijsite bestaat inmiddels uit een tiental CSS-bestanden met @import (les 24) en een paar JavaScript-bestanden. Dat werkt, maar elke import is een apart verzoek (les 30), en voor de livegang wil je bestanden samenvoegen, verkleinen en een versie in de naam geven. Dat is het werk van een build-tool. In deze les maak je kennis met Sass, een CSS-preprocessor, en met Vite, een build-tool. Je ziet ook wat moderne CSS inmiddels zelf kan, zodat je weet wanneer je die gereedschappen níet nodig hebt.

🔒 Deze les zit in het betaalde deel van de cursus

De eerste 6 lessen zijn gratis; de rest van de cursus, de live labs en het certificaat koop je eenmalig (€ 19,00). Geen abonnement. Online afrekenen komt binnenkort beschikbaar.

Wil je een seintje als het zover is?