Wij maken gebruik van Cookies. Cookies zijn bestanden die in je browser worden opgeslagen en zorgen dat de website optimaal werkt, dat je sneller vindt wat je zoekt en dat getoonde content voor jou zo relevant mogelijk is. Lees er meer over in ons cookies- en privacybeleid. Klik hieronder het gewenste niveau.
Essentieel
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Functioneel
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Persoonlijk
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.
Accepteer keuze
Accepteer alles
MENU
Home
Kies een training
Krijg een Nintendo Switch 2
CA-ICT subsidie
Webinars terugkijken
Strippenkaart
Workshops
Voordelen
Technologieën
Certificeringen
Lesmethodes
Examens
Omscholen
Over ons
Blog
Contact
zoek
zoek
home
/
trainingen
/
development
/
vuejs
Vue,js (DEV-JS-VUE)
Deze tweedaagse opleiding biedt een praktische introductie tot Vue.js, een progressief framework voor het bouwen van gebruikersinterfaces. Je leert componentgebaseerde ontwikkeling, reactieve data binding en integratie met moderne tools. De training omvat het bouwen van een dynamische e-commerce interface en een real-time dashboard. Focus ligt op Vue 3 Composition API, Pinia voor state management en integratie met REST APIs. Na afloop kun je schaalbare, onderhoudbare frontends ontwikkelen met Vue.js en het ecosysteem (Vite, Vue Router).
Waarom Vue.js?
Vue.js combineert
eenvoud
met
enterprise-capaciteiten
. Kenmerken:
Progressief framework
: inzetbaar voor kleine widgets tot complexe SPAs.
Reactief systeem
: automatische UI-updates bij datawijzigingen.
Composition API
: betere logica-hergebruik en TypeScript-ondersteuning.
Officiële tools
: Vue CLI/Vite, Vue Router, Pinia, DevTools.
Gemeenschapsdriven
: gebruikt door GitLab, BMW en Louis Vuitton.
Door Facebook ondersteund
: gebruikt door Instagram, Netflix, Airbnb.
Studiebelasting:
Contacturen
: 2 dagen × 8 uur = 16 uur.
Zelfstudie
: 8–10 uur (projecten, documentatie).
Totaal: ca. 24–26 uur.
Virtueel beschikbaar
Iedere maand starten
Erkende certificaten
Door heel Nederland
Voor wie
Frontend-developers
die een lichtgewicht alternatief voor React zoeken.
Full-stack ontwikkelaars
die snel prototypes moeten bouwen.
UI-designers
die interactiviteit aan mockups willen toevoegen.
Teams
die developer ervaring (DX) en flexibiliteit prioriteren.
Programma
Dag 1: Vue.js Basis en Reactiviteit
Ontwikkelomgeving: Node.js, Vite (npm create vue@latest), DevTools installeren.
Vue-syntax: SFCs (Single File Components), template-directives (v-if, v-for).
Reactiviteit: ref(), reactive(), computed properties.
Componenten: props, emits, slots.
Event handling: @click, @input, modifiers (.prevent, .stop).
Dag 2: State Management en Geavanceerde Features
Vue Router: dynamische routes, navigation guards.
State management: Pinia (defineStore(), actions, getters).
API-integratie: fetch of Axios, error boundaries.
Composables: herbruikbare logica (bijv. usePagination).
Transities: <Transition>, <TransitionGroup>.
Programma:
Core Concepts
:
Reactiviteit: watch(), watchEffect(), lifecycle hooks (onMounted()).
Directives: v-model (two-way binding), v-bind (dynamic attributes).
Template-refs: DOM-elementen benaderen met ref().
State Management
:
Pinia: stores modulariseren, SSR-ondersteuning.
Hydratie: server-side state naar client overdragen.
Routing
:
Lazy loading: () ⇒ import('./views/Home.vue').
Route meta-velden: authenticatie-flags.
Performance
:
Optimized re-renders: key-attribuut voor lijsten.
Code-splitting: dynamische imports met Vite.
Testing
:
Vitest: componenttests met @vue/test-utils.
E2E-testen: Cypress of Playwright integreren.
Ecosysteem
:
UI-libraries: Quasar, PrimeVue.
www.the-academy.nl-integratie: Nuxt.js voor SSR/SSG.
Voorkennis
Basis HTML/CSS: semantische tags, flexbox/grid.
JavaScript ES6+: arrow functions, promises, destructuring.
TypeScript-basis is een pré (niet verplicht).
Studiebelasting
Open leercentrum: 12 lesuren, 0 uren zelfstudie
Examen
Voorbereiding op
Vue.js Certified Developer
(community-driven certificaten).
Relevant voor
Nuxt.js-certificering
bij vervolgopleidingen.
Direct inschrijven
Kies een subsidieregeling
Kies de gewenste leervorm
Kies een locatie
Wanneer?
Niet ingepland
Deze training is niet ingepland. Neem contact op met onze Planning.
Vue,js
Contact Planning
Altijd mogelijk
Voor deze E-learning heb je een internetverbinding nodig.
Vue,js
Jouw keuze
Vooraanmelden
Direct aanmelden
Print offerte
Open leercentrum: 2 dagen
Wat is inbegrepen
Prijs & beschikbaarheid
Virtueel (remote) deelname mogelijk
Plan een afspraak met een opleidingsadviseur
Onze ervaren opleidingsadviseurs staan voor jou klaar om je te helpen met je zoektocht.
Neem contact op
Heb je vragen?
Onze deskundige opleidingsadviseurs helpen je graag bij het maken van de juiste keuze!
040 292 4747
info@the-academy.nl
Waarom @The Academy?
Hoge klanttevredenheid
8.7 uit 4248 evaluaties
Spreiden van lesdagen
flexibiliteit voor uw gemak
Persoonlijk advies
bij het zoeken van de juiste training
Virtueel trainen
voor alle klassikale en blended trainingen