Fronteers — vakvereniging voor front-end developers

Workshop Vue.js

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, MijnOverheid.nl 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. Deze webcomponenten werken met elkaar samen en vormen zo een complete applicatie.

In deze workshop maak je kennis met de verwerken van data, props en events, routing en andere belangrijke Vue-concepten. We gaan in op Vue versie 2.6, maar de inhoud is ook geschikt voor nieuwere versies, inclusief Vue 3. Daarnaast werpen we een blik op bijkomende tools zoals de Vue CLI, Vuex en meer. Aan het einde van de dag neem je een werkende Vue-applicatie mee naar huis.

Wat gaan we doen?

  • Kennismaken met Vue en tooling
  • Hello World in Vue - je eerste componenten
  • Databinding op allerlei manieren
  • Computed properties
  • Http-communicatie met axios - gegevens ophalen uit databases
  • Volgende stappen:
    • Werken met Vue Router
    • State management met Vuex
    • Een site uitrollen naar productie.

Wat heb je nodig?

Zorg er voor dat je voor de workshop over de volgende zaken beschikt:

  • Een laptop. Windows, Macintosh of Linux maakt niet uit.
  • Een editor waarmee je zelf graag werkt. Visual Studio Code (gratis) of Jetbrains Webstorm (30-dagenversie beschikbaar) beschikken over verschillende Vue.js speciale plugins en zijn dus handig.
  • Een moderne browser, liefst Google Chrome.
  • NodeJS 10.x of hoger geïnstalleerd op je laptop.

Over Peter Kassenaar

Peter Kassenaar is auteur van vele boeken over algemeen pc-gebruik, programmeertalen en internettechnieken. Hij is gespecialiseerd in front-endtools, -frameworks en webapplicaties. Via zijn eigen bedrijf verzorgt hij trainingen op deze gebieden voor bedrijven en organisaties. De persoonlijke website van Peter is te vinden www.kassenaar.com. Je kunt hem volgen op twitter via @PeterKassenaar.

Opgave

Voor deze workshop is nog geen (nieuwe) datum gepland. Mocht je geïnteresseerd zijn in de workshop, hou dan het overzicht in de gaten of blijf op de hoogte via RSS en Twitter.

Archief