Vue.js Fundamentals
Vue.js is een relatief nieuw frontend JavaScript framework, dat even krachtig is als de grote tegenhangers Angular en React. Vue.js kent echter een eenvoudiger syntaxis, heeft minder overhead én is sneller te leren.
Tijdens de training Vue.js Fundamentals leert u de basisbeginselen van Vue-applicaties en gaan we in op de structuur en architectuur van Vue-projecten. Vue.js wordt ingezet door bedrijven als Nintendo, Alibaba en talloze andere (e-commerce) bedrijven. Een website in Vue bestaat niet meer uit losse, gekoppelde HTML-pagina’s, maar uit meerdere relatief kleine, gespecialiseerde webcomponenten die met elkaar samenwerken en zo een complete applicatie vormen.
Uiteraard gaat u tijdens de cursus ook met code aan de slag en leert u alles over databinding en component styling. U leert hoe componenten met elkaar communiceren via props en events en werkt met de Vue Router om grotere applicaties in te stellen.
Tevens wordt aandacht besteed aan het communiceren met externe API’s en de wijze waarop data uit externe bronnen in de applicatie wordt verwerkt. Tot slot gaan we kort in op state management met Vuex en deployment van applicaties naar een productieomgeving.
Het doel van de cursus Vue.js Fundamentals is dat u na afloop van de training bekend bent met de mogelijkheden van het Vue.js-ecosysteem en zelf Vue-applicaties kunt opzetten, uitbreiden en uitrollen naar productie.
Het cursusmateriaal en de lunch zijn bij de cursus inbegrepen.
Heeft u speciale wensen? Of wilt u de cursus graag bij u op locatie volgen? Dit is mogelijk! Neem gerust contact met ons op voor de mogelijkheden.
Doelgroep
De training Vue.js Fundamentals is bedoeld voor webdevelopers die met dit nieuwe framework aan de slag willen. Ontwikkelaars die een achtergrond hebben in Java of C# kunnen meestal snel met Vue.js overweg.
Voorkennis
Voor het volgen van deze training dient u te beschikken over een gedegen basiskennis van HTML, CSS, en JavaScript. Ook enige ervaring met NodeJS, het werken in een opdrachtregelomgeving (DOS-prompt) en het installeren van packages is vereist. Ervaring met een backend MVC-framework zoals .NET MVC, Java Spring Boot of PHP Laravel, of een frontend framework zoals Angular of React kan van pas komen, maar is niet beslist noodzakelijk.
Duur
De cursus duurt drie dagen.
Groepsgrootte
De maximale groepsgrootte bedraagt twaalf personen.
Certificaat
De deelnemers krijgen na het goed doorlopen van de cursus een certificaat.
Tijdens de cursus Vue.js Fundamentals komen de volgende onderwerpen aan de orde:
Wat is Vue – overzicht van het Vue-landschap
- Hoe ziet een Vue-applicatie er uit
- Tooling, werken met Vue CLI, Vue Devtools en de Style Guide
Uw eerste Vue-project
- De werkomgeving instellen
- Een project maken met de Vue CLI
- Het project starten
- De homepage aanpassen
Vue-componenten
- Global components versus Single File Components
- Zelf componenten maken
- Data in de applicatie laden
- Data binding met {{ … }}
- Attribute binding met v-bind
- Event binding met v-on
- Shorthand notation voor bindings
Advanced components
- Computed properties
- Conditioneel binden met v-if en v-show
- Herhalingen en lussen met v-for
- Data formatteren met filters
- Lokale filters en globale filters
Component styling
- Global styles versus scoped styles
- Stijlen conditioneel toepassen
- Classes conditioneel toepassen
- Code hergebruiken met mixins
Inter-component communicatie
- Werken met custom properties (props)
- Props typeren en valideren
- Werken met custom events
Vue Router
- De router installeren en instellen
- Verwijzen naar gekoppelde pagina’s
- Werken met route-parameters
- Routeren toestaan of verbieden met guards
Managing state met Vuex
- Een Vuex store instellen
- De store state wijzigen met Mutations
- Items uit de store ophalen en tonen
- Actions gebruiken om te werken met API’s en asynchrone data
- Werken met Promisies en Actions
- De store organiseren met modules en namespaces
Een Vue-applicatie uitrollen naar productie
- Een basis build maken met Vue CLI
- Omgevingsvariabelen en build modes gebruiken
- Deployment naar een productieserver
- Enkele woorden over een eigen WebPack-configuratie
| Plaats | Duur | Data | ||
|---|---|---|---|---|
| Drachten - Kraaiheide 17 | 3 dagen |
19 t/m 21 januari 2026
Bekijk rooster >
19 januari 2026 09:00 - 17:00 uur 20 januari 2026 09:00 - 17:00 uur 21 januari 2026 09:00 - 17:00 uur |
Inschrijven > | |
| Virtual Classroom | 3 dagen |
27 t/m 29 januari 2026
Bekijk rooster >
27 januari 2026 09:00 - 17:00 uur 28 januari 2026 09:00 - 17:00 uur 29 januari 2026 09:00 - 17:00 uur |
Inschrijven > | |
| Drachten - Kraaiheide 17 | 3 dagen |
16 t/m 18 maart 2026
Bekijk rooster >
16 maart 2026 09:00 - 17:00 uur 17 maart 2026 09:00 - 17:00 uur 18 maart 2026 09:00 - 17:00 uur |
Inschrijven > | |
| Virtual Classroom | 3 dagen |
23 t/m 25 maart 2026
Bekijk rooster >
23 maart 2026 09:00 - 17:00 uur 24 maart 2026 09:00 - 17:00 uur 25 maart 2026 09:00 - 17:00 uur |
Inschrijven > |
