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.
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.

Wil je schaalbare en onderhoudbare webinterfaces bouwen met Vue.js?

home

Vue,js (DEV-JS-VUE)

Wil je schaalbare en onderhoudbare webinterfaces bouwen met Vue.js? Leer in 2 dagen de kracht van Vue 3, de Composition API, Pinia en meer – hands-on én toekomstbestendig.

Wil je...

Deze tweedaagse training biedt een praktijkgerichte introductie tot Vue.js – een krachtig, progressief JavaScript-framework voor het bouwen van interactieve gebruikersinterfaces. Je leert werken met componenten, data binding, events en tools als Vite en Vue DevTools.

Je ontwikkelt hands-on een dynamische e-commerceinterface en een real-time dashboard met focus op Vue 3 en de moderne Composition API. Daarnaast leer je werken met Pinia voor state management, Vue Router voor navigatie, en API-integratie via Axios of fetch. Ook komen topics aan bod zoals lazy loading, transitions en testing met Vitest of Cypress.

Onderwerpen die aan bod komen:

  • Reactieve data: ref(), reactive(), watch () , lifecycle hooks
  • Componentopbouw: props, emits, slots, composables
  • Routing: Vue Router, guards, route meta
  • State management: Pinia stores, SSR/hydratie
  • API-integratie en performance-optimalisatie
  • Tools: Vite, Vue DevTools, Vitest, Quasar, Nuxt.js

Voor frontend- en full-stack developers die Vue willen inzetten in moderne projecten. De training is Nederlandstalig; materiaal is in het Engels.

Wat is inbegrepen

  1. Een AI-Tutor voor ondersteuning tijdens en na de training
  2. Engelstalig lesmateriaal
  3. Nederlandstalige docent
  4. Praktijkgerichte labs
  5. Certificaat van deelname

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.

Voorkennis

  • Basis HTML/CSS: semantische tags, flexbox/grid.
  • JavaScript ES6+: arrow functions, promises, destructuring.
  • TypeScript-basis is een pré (niet verplicht).

Info & aanmelden

Onze missie
Iedereen verdient IT-trainingen die echt verschil maken. Daarom maken wij IT persoonlijk: afgestemd op jouw niveau, leerstijl en ambities.
Klassikaal of virtueel
Onze trainingen kun je klassikaal op locatie volgen of virtueel vanuit huis of kantoor. Zo kies je de leervorm die het beste past bij jouw agenda en werksituatie.
Nederlandse trainers
Onze trainingen worden verzorgd door Nederlandse trainers. Het lesmateriaal is Engelstalig, zodat het aansluit op internationale IT-standaarden en certificeringen.
Wanneer
Kies een locatie
Volg deze training klassikaal vanaf...
€ 9.999,00
Jouw keuze
€ 9.999,-
Excl. BTW
Print offerte

Programma

Modules

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.

Examen

  • Voorbereiding op Vue.js Certified Developer (community-driven certificaten).
  • Relevant voor Nuxt.js-certificering bij vervolgopleidingen.

Studiebelasting

: lesuren, uren zelfstudie

We make
personal

Persoonlijk leren, begeleid door Buddy


Bij veel IT trainingen ontstaat de echte uitdaging pas na de lesdag. Vragen blijven liggen, oefenen kost tijd en niet iedereen leert in hetzelfde tempo.

Daarom werken wij met Buddy: onze overkoepelende AI-ondersteuning die deelnemers begeleidt van oriëntatie tot certificering en toepassing in de praktijk.

Buddy ondersteunt bij kiezen, voorbereiden, leren, voortgang en afronding. Zo blijft de ontwikkeling doorgaan tijdens én buiten de trainingsmomenten.

Company strippenkaart


Strippenkaart van The Academy

Flexibel opleiden met voordeel en tot twee jaar zekerheid.

Met de Strippenkaart koop je vooruit opleidings­capaciteit in voor je organisatie. Je zet trainingen flexibel in voor meerdere medewerkers, wanneer het past bij jullie planning. Met voordeel per trainingsdag en een geldigheid tot twee jaar haal je meer rendement uit je opleidings­budget, zonder vast te zitten aan starre afspraken.

De volgende training is gevonden

Professioneel pakket

60 Strippen
28 % kortingMeest gekozen
€ 25.704,00 € 35.700,00Je bespaart € 9.996,00
Geldig 24 maanden
Persoonlijke opleidingsadviseur
Flexibel inzetbaar
Bekijk details

Ook beschikbaar:

21 Strippen
13% korting
€ 1.617,- besparing
30 Strippen
23% korting
€ 4.017,- besparing
150 Strippen
29% korting
€ 25.500,- besparing

NIEUWSBRIEF:    Blijf op de hoogte van nieuwe trainingen en acties