Vue

Doordat programmeertalen als JavaScript zich in de laatste jaren verder ontwikkeld hebben, maakt dit het mogelijk dat wij het huidige internet gebruiken als een bron vanuit waar gewerkt kan worden. Denk aan web varianten als Microsoft Teams, Whatsapp, Google Drive en een legio aan andere web applicaties. Dit soort web applicaties draaien allemaal in je browser en het is daarom van belang om JavaScript zo efficiënt en overzichtelijk mogelijk toe te passen.

Vue.js is een framework dat helpt in het ontwikkelen van dit soort web apps. Met Vue.js bouw je losse componenten die samen een webapplicatie zullen vormen. Deze componenten bevatten ieder hun eigen layout (HTML), opmaak (CSS) en logica (JavaScript) en kunnen (real-time) communiceren met andere componenten. 

Het is ook mogelijk om een website te maken met Vue.js. Eén van de redenen waarom je dit zou doen is om de snelheid en de beleving van jouw website - ten opzichte van een reguliere website - hierin te vergroten voor jouw bezoekers.

Tijdens deze lessen gaat al je kennis over webdevelopment samenkomen en zul je tevens nog meer leren over zaken zoals API’s.


Deze cursus bestaat uit:

  • 12 lessen
  • 38 onderwerpen
  • 11 opdrachten
Lessen overzicht
1 Inleiding Vue 1 opdracht meer informatie
Wat is Vue?, Componenten, JavaScript Frameworks, Model View, Documentatie
2 Application & Components 3 opdrachten meer informatie
Vue API's, Global API, Application API, Options API, Root Component, Componenten, Lifecycle hooks
3 Template syntax & Directives 0 opdrachten meer informatie
Reactivity system, Virtual DOM, Template syntax, Directives, Event Modifiers, Shorthands
4 Data & Methods 0 opdrachten meer informatie
Data & Methods, Data, Methods
5 Computed & Watch 0 opdrachten meer informatie
Computed, Watchers
6 Props & Emits 0 opdrachten meer informatie
Props, Emits, Samenvattend
7 Conditional rendering & Loops 0 opdrachten meer informatie
v-if en v-else, v-show, v-for
8 Class & Style bindings 3 opdrachten meer informatie
Inline Class binding, Class binding met data en computed properties, Inline Class Binding met Array, Inline Class Binding met Object
9 Events 0 opdrachten meer informatie
10 Formulieren 0 opdrachten meer informatie
11 Lifecycle hooks 0 opdrachten meer informatie
12 Development omgeving 4 opdrachten meer informatie
CDN, Zelf hosten, NPM, CLI, Devtools