HackCamp – Vue.js

In samenwerking met Hackages Hebben we een mooie HackCamp uitgewerkt rond Vue.js.

Dynamische websites? The way to go! De ontwikkelingen binnen de wereld van (web) development gaan steeds verder. Er worden steeds meer tools en software technologieën ontwikkeld om succesvolle applicaties, platformen en websites te bouwen. Maar daar blijft het natuurlijk niet bij. Door deze tools en functionaliteiten alsmaar verder te optimaliseren worden ze niet alleen sneller, maar ook een pak gebruiksvriendelijker. Eén van die nieuwe ontwikkelingen is Vue.js.

Genk T2-campus

18/11/2019

m d
d d
w d
d
v
z
z
Inschrijvingsprijs
Duurtijd
  • 3 sessies
Locatie
  • Genk T2-campus
Kenmerken opleiding
  • Kortlopende opleidingen
  • Bijscholing
Bespaar op je opleiding
  • kmo-portefeuille
  • opleidingscheques

Elke web developer weet het maar al te goed: websites elke keer opnieuw vanaf nul opzetten, daar is geen beginnen aan. Too much waste of time. Maar door de opkomst van frameworks is dit helemaal verleden tijd. Een framework zorgt ervoor dat je telkens een basis voor je website of applicatie hebt om van te vertrekken, zodat je deze nadien naar eigen voorkeur verder kan uitbouwen.

Vue, uitgesproken als /vjuː/ (zoals ‘view’), is een framework op basis van de scripttaal JavaScript, gecreëerd door Evan You en officieel gelanceerd in 2014. Het framework dient om op een eenvoudigere manier inhoud dynamisch te tonen.

Ontdek de hulpmiddelen die VueJS je aanbiedt en bouw je eerste apps slechts 3 trainingsdagen. Werk samen met de mentoren van Hackages om deze 2 uitdagingen aan te gaan: Tesla en HackFlix helpen!

De sessies zullen gegeven worden in het Engels door Victor Bury​ & ​Anthony Antoine van Hackages. 

Deze hands-on training biedt je diepgaande kennis van het VueJS-framework (versie 2.5.17), inclusief functies zoals de vue-cli, vue-router en vuex. Gedurende de drie dagen werk je in 2 echte applicaties om bugs te repareren en nieuwe functies toe te voegen zodat ze opnieuw kunnen worden uitgevoerd. Ze zal onmiddellijk de aangeleerde theorie in praktijk brengen.

Doelgroep

Software ingenieurs

Ontwikkelaars

Website designers

The challenges:

Tesla needs your HELP! Some of their competitors have been messing up with their code and the calculations for their cars are not correct. After several attempts to solve this, they are shouting out for help! They are looking for JS developers who want to help them fix their calculator and learn VueJS in the process. Not convinced yet? The mentors are also assembling a team of devs to fix the VueJS application of HackFlix. HackFlix is a video streaming website serving 148 million users, whose evil competitor Hackazon Prime is trying to destroy.

Have a look at how the training looks like ​here​ ​and check the full programme below.

Day 1 - Core concepts in Vue

  • Rapid Vue.js development with vue-cli
  • Vue Instance
  • Template syntax
  • Directives
  • Event handling
  • Data fetching using axios
  • Components
    • Lifecycle
    • Communication Patterns
    • Component Architecture (SMART/DUMB)
    • Custom Events
    • Slots
    • Async components

Day 2 : Rapid Vue.js development with vue-cli

  • Routing
    • Simple Routing From Scratch
    • Core concept of vue-router
      • Dynamic Route Matching
      • Nested Routes
      • Programmatic Navigation
      • Named Routes
      • Named Views
      • Redirect and Alias
      • Passing Props to Route Components
    • Advanced in vue-router
      • Guard
      • Data fetching patterns - fetching After/Before Navigation
      • Lazy loading
  • State Management using vuex
    • state management patterns in a nutshell
    • What is Vuex?
    • Using Actions, Mutations and Getters
    • Modules / plugins
    • Composing actions (Promises and Async/Await)
    • Testing
    • Best practices and common pitfalls
  • Testing
    • Unit tests with Jest and vue-test-utils
    • E2E tests with Nightwatch/ Cypress

Day 3 :  Reusability & Composition

  • Mixins
  • Slots
  • Async Components
  • Custom Directives
  • Render Functions & JSX
  • Plugins
  • Filters
  • Typescript
  • Advanced Component Patterns
  • Testing
    • Unit tests with Jest and vue-test-utils
    • E2E tests with Nightwatch/ Cypress

Genk T2-campus

m d
d d
w d
d
v
z
z

18/11/2019

Inschrijvingsgeld voor deze opleiding*

* De vermelde prijs is de prijs voor het eerste cursusjaar.

Excl.€1237.19
Incl.€1497.00

Bespaar op je opleiding

  • kmo-portefeuille

    De kmo-portefeuille is een subsidie van de Vlaamse Overheid waardoor je tot 40% van je inschrijvingsgeld kan recupereren. Kijk hier hoe dit in zijn werk gaat.

  • opleidingscheques

    Bespaar elk jaar tot 125 euro bij SYNTRA Limburg. Meer informatie over opleidingscheques vind je hier.

  • Vlaams opleidingsverlof mogelijk

    Dit is de hervormde versie van betaald educatief verlof. Meer informatie over Vlaams opleidingsverlof vind je hier.

KMO-portefeuille

Erkende dienstverlener
  • MO* 866.033
  • KO** 742.314

Netto verschuldigd bedrag voor:

* middelgrote ondernemingen
** kleine ondernemingen

  • Genk T2-campus

Leer programmeren met Python

€495.00 €409.09
  • Genk T2-campus

UiPath Bootcamp: leer software robots bouwen

€1490.00 €1231.40