Webpack is een krachtige modulebundler die JavaScript, CSS, afbeeldingen en andere assets analyseert, transformeert en bundelt. Het ondersteunt code splitting, tree shaking, loaders en plugins. De configuratie is complex, maar erg flexibel. Vite is een modern en sneller alternatief.
Hot Reload
AA
Tools
Hot Reload
Hot reload vernieuwt jouw app automatisch bij codewijzigingen, zonder volledige reload en met behoud van state. Dit verkort de ontwikkelcyclus door een snelle feedbackloop. Met Hot Module Replacement (HMR) in Webpack of Vite worden alleen gewijzigde modules geüpdatet.
AA
Tools
Code Splitting
AA
Performance
Code Splitting
Code splitting splitst je JavaScript-bundle op in kleinere stukken die geladne worden op het moment dat ze nodig zijn. Dat verkleint de initiële bundlegrootte aanzienlijk. Implementaties zijn route-gebaseerd (per pagina) of component-gebaseerd. Tools als Webpack, Rollup en Vite ondersteunen dit automatisch.
AA
Performance
Vue SFC
AAA
Talen & Formaten
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
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