Compileren is het omzetten van broncode naar een andere taal of representatie die door een machine of browser kan worden uitgevoerd. In webdev compileert TypeScript naar JavaScript, SASS/SCSS naar CSS en Blade-templates naar PHP. Een compiler voert syntax- en typecontroles uit vóór uitvoering. Transpileren is een specifieke vorm waarbij van de ene high-level taal naar de andere wordt omgezet.
WebAssembly
AAA
Talen & Formaten
WebAssembly
WebAssembly (Wasm) is een formaat waarmee code geschreven in talen als C++, Rust of Go razendsnel in de browser kan draaien. Hierdoor kunnen complexe applicaties zoals games, video-editors en grafische tools op het web worden gebouwd met bijna dezelfde snelheid als native software. WebAssembly werkt naast JavaScript en draait veilig in een geïsoleerde omgeving (sandbox).
AAA
Talen & Formaten
Preprocessor
AA
Frontend
CSS-preprocessor / code-preprocessor
Een preprocessor is een tool die een uitgebreide syntax omzet naar standaard CSS of JavaScript. CSS-preprocessors zoals SASS en SCSS voegen variabelen, nesting, mixins, functies en imports toe aan CSS. JavaScript-preprocessors zoals TypeScript en Babel voegen typing of moderne syntaxis toe die worden gecompileerd naar browser-compatibele code.
AA
Frontend
TypeScript
AA
Talen & Formaten
Typed JavaScript
TypeScript is een superset van JavaScript met statische types, interfaces en sterke IDE-ondersteuning. Het compileert naar standaard JavaScript. Types helpen typefouten vroeg te vinden en verbeteren onderhoudbaarheid en ontwikkelaarservaring, vooral in grotere projecten.
AA
Talen & Formaten
SCSS
AA
Talen & Formaten
Sassy Cascading Style Sheets
SCSS is een CSS-preprocessor-syntax die programmeerfeatures toevoegt: variabelen (bijv. $primary-color), nesting, mixins, functies en imports. De syntax is een superset van CSS, dus alle CSS is geldige SCSS. Je compileert naar standaard CSS - handig voor grote stylesheets.
AA
Talen & Formaten
SASS
AA
Talen & Formaten
Syntactically Awesome Style Sheets
Sass is een CSS-preprocessor met twee syntaxes: de ingesprongen SASS-syntax (zonder brackets en semicolons) en de CSS-achtige SCSS-syntax. Beide bieden variabelen, nesting, mixins en overerving. SCSS is het populairst en compileert naar gewone CSS.
AA
Talen & Formaten
Build Process
AA
Tools
Build Process
Het buildproces zet broncode om naar productieklare bestanden. Stappen zijn compileren/transpilen, bundelen, minificatie, optimalisaties, tree shaking en compressie. Dit levert een dist/build-map op. Dev- en prod-builds verschillen in snelheid, sourcemaps en optimalisaties.
AA
Tools
Een uitgebreide collectie begrippen voor elk niveau
Van HTML & CSS tot databases en security
Geschikt voor beginners en gevorderden
Ideaal als lesmateriaal of teambuilding tool
Fysiek aan de slag, zonder scherm