SCSS

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

Vue Single File Component

Een .vue is een single file component (SFC) met template, script en style in één bestand. Structuur: <template>, <script>, <style>. Scoped styles zorgen ervoor dat CSS alleen binnen het component geldt, en Vite/Webpack compileert dit automatisch. Het maakt componentontwikkeling intuïtief en ondersteunt TypeScript en SCSS.

AAA

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

Block Element Modifier

BEM is een manier om CSS-namen te geven zodat je overzicht houdt en code makkelijk opnieuw kunt gebruiken.: block__element--modifier. Je hoeft minder precies te zijn met CSS en maakt styles voorspelbaar en onderhoudbaar omdat de structuur in de naamgeving verwerkt is. Werkt met vanilla CSS, preprocessors zoals SASS en SCSS en CSS Modules.

AA

Frontend

Compileren

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.

AA

Talen & Formaten