Vue.js: het progressieve framework voor het bouwen van echte gebruikersinterfaces
Vue.js is het progressieve JavaScript-framework voor het bouwen van componentgestuurde gebruikersinterfaces — van één interactieve widget in een bestaande pagina tot een volledig servergerenderde applicatie met Nuxt. De Composition API, het fijnmazige reactiviteitssysteem en de eersteklas ondersteuning voor TypeScript maken het een praktische keuze voor zowel nieuwe projecten als teams die overstappen van oudere frontends. Dit leertraject behandelt Vue 3 van begin tot eind, van templatesyntaxis tot implementatie in productie.
Wat je leert
Je werkt met de Composition API en de syntaxis van script setup, Vue-directives, berekende eigenschappen en de basisprincipes van reactiviteit. Het leertraject behandelt communicatie tussen componenten, slots, provide/inject en composables voor gedeelde logica. Je beheert de status van applicaties met zowel Pinia als Vuex, regelt routing met Vue Router, inclusief geavanceerde patronen, valideert formulieren en gebruikt REST-API's naast realtimegegevens via WebSockets. In latere cursussen komen integratie met TypeScript, internationalisering, Storybook, testen met Vitest, prestatieoptimalisatie, server-side rendering met Nuxt 3, GraphQL met Apollo, progressieve webapps en beveiligingspraktijken voor Vue aan bod.
Het leerpad
Tweeënveertig cursussen lopen van A1 tot en met C1. De cursussen op A1- en A2-niveau leggen de basis voor Vue CLI, templatesyntaxis, gegevensbinding, directives, formulieren en de basis van componenten. De B1-cursussen bouwen het volledige ecosysteem uit: lifecycle-hooks, transities, Pinia, Vuex, Vue Router, TypeScript, i18n en asynchrone gegevens. Op B2-niveau wordt de lat hoger gelegd met server-side rendering via Nuxt 3, GraphQL, WebSockets, componenttesten, renderfuncties, ondersteuning voor progressieve webapps en het publiceren van een componentbibliotheek. De afsluitende C1-cursussen behandelen architectuur voor micro-frontends, geavanceerde patronen met de Composition API, streaming van SSR met Suspense, Vue-prestaties op grote schaal en een full-stackapplicatie die is gebouwd met Fastify en authenticatie.
Zo werkt het
Elke cursus is verdeeld in korte, gerichte lessen die je in de ingebouwde code-editor maakt, met realtimefeedback. Als je vastloopt, kun je een AI-tutor inschakelen. Zo werk je in je eigen tempo door syntaxisoefeningen, componentuitdagingen en architectuurproblemen zonder de app te verlaten.
