Opleidingen

Opleiding: Vue,js

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.
  • 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.
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.
  • Backend-integratie: Nuxt.js voor SSR/SSG.
  • Voorbereiding op Vue.js Certified Developer (community-driven certificaten).
  • Relevant voor Nuxt.js-certificering bij vervolgopleidingen.
Meer...
€1.195
ex. BTW
Aangeboden door
@The Academy
Onderwerp
Vue.js
Niveau
Duur
2 dagen
Looptijd
12 dagen
Type product
training
Lesvorm
Klassikaal
Aantal deelnemers
Max: 12
Tijdstip
Overdag
Tijden en locaties
Eindhoven
wo 7 mei 2025
Utrecht
wo 28 mei 2025
Eindhoven
wo 18 jun. 2025
Eindhoven
wo 9 jul. 2025
Eindhoven
wo 20 aug. 2025
Eindhoven
wo 10 sep. 2025
Utrecht
wo 1 okt. 2025
Eindhoven
wo 22 okt. 2025
Eindhoven
wo 12 nov. 2025
Utrech
wo 10 dec. 2025
Keurmerken aanbieder
NRTO
Microsoft Learning Partner
CRKBO en BTW-vrijstelling
EC-Council