Vue Fundamentals / Introduction to Vue

Algemene omschrijving

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 en is sneller te leren. Vue.js wordt ingezet door bedrijven als Nintendo, Alibaba, L’Oréal 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. Zo vormen ze de complete applicatie.

In de Introduction to Vue-training leer je de basisbeginselen van Vue-applicaties en wordt ingegaan op de structuur en architectuur van Vue-projecten. Uiteraard ga je ook met code aan de slag en leer je alles over databinding, component styling. Je leert ook hoe componenten met elkaar communiceren via props en events. Daarnaast wordt de Vue Router ingezet om grotere applicaties in te stellen.

Tevens wordt aandacht besteed aan het communiceren met externe API’s en de wijze waarop gegevens uit externe bronnen in de applicatie wordt verwerkt. Tot slot wordt ingegaan op state management met Vuex en het uitrollen van applicaties naar een productieomgeving. Voor nieuwere Vue-projecten wordt de Composition API besproken.

Na afloop van de training ken je het Vue.js-ecosysteem en kun je zelf Vue-applicaties opzetten, onderhouden en uitrollen naar productie.

Doelgroep

De Introduction to Vue-training is bedoeld voor programmeurs en webontwikkelaars die hun front-end applicaties los van het back-end willen ontwikkelen en hiervoor hebben gekozen voor Vue.js. Ook back-end ontwikkelaars (PHP, Java, C#) kunnen zich de Vue-werkwijze en -syntaxis snel eigen maken.

Leerdoelen

Door deze training te volgen zul je de volgende kennis en vaardigheden verkrijgen:

• Kennis van het Vue.js-ecosysteem.
• Vue-applicaties opzetten volgens de beste werkwijzen.
• Applicaties onderhouden en deze uitrollen naar productie.

Voorkennis

Voordat je deelneemt aan deze training is het van belang dat jij beschikt over de volgende kennis en vaardigheden:

• Programmeerkennis van HTML, CSS en JavaScript.
• Enige kennis van Node.js en het installeren van softwarepakketten met NPM.
• Enige kennis van modern JavaScript, zoals classes, arrow functions en objectnotaties.
• Werken met een code-editor zoals Visual Studio Code (gratis), Jetbrains Webstorm (hiervoor is er een proefversie van 30 dagen beschikbaar) of vergelijkbaar.
• Kennis van de Engelse taal. Veel bronnen en naslagwerken zijn alleen in het Engels beschikbaar.

Onderwerpen

In de Introduction to Vue-training komen de volgende onderwerpen aan de orde:

• Overzicht van het front-end landschap en de positie van Vue hierin.
• Basisconcepten van Vue-applicaties.
• Databinding met {{ …}}.
• Eventbinding met v-on: of @.
• Propertybinding met v-bind: of :.
• Two-way binding met v-model.
• Vue directives (v-for, v-if, v-show, etc).
• Communicatie tussen componenten met props en events.
• Werken met formulieren: tekstvelden, selectievakjes en keuzelijsten.
• Mixins.
• Computed properties.
• Styling van Vue-componenten.
• Routing.
• Werken met routeparameters.
• State management met Vuex.
• Composition API.