Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

Opleiding : Vue.js, het open source JavaScript-raamwerk onder de knie krijgen

Vue.js, het open source JavaScript-raamwerk onder de knie krijgen




In slechts een paar jaar tijd is Vue.js het op twee na populairste project op Github geworden, over alle technologieën heen. Na React en Angular is Vue.js het populairste open source js-framework. Deze cursus laat u kennismaken met deze bibliotheek en zijn ecosysteem, en leert u de best practices van moderne JS-ontwikkeling.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand

Ref. VJS
  3d - 21u00
Prijs : Neem contact met ons op

Downloaden in pdf-formaat

Deze cursus delen via mail




In slechts een paar jaar tijd is Vue.js het op twee na populairste project op Github geworden, over alle technologieën heen. Na React en Angular is Vue.js het populairste open source js-framework. Deze cursus laat u kennismaken met deze bibliotheek en zijn ecosysteem, en leert u de best practices van moderne JS-ontwikkeling.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
De belangrijkste concepten van Vue.js begrijpen
Een complete single page app kunnen ontwikkelen met Vue.js
Leer meer over de essentiële tools voor het ontwikkelen van Vue.js-applicaties

Doelgroep
Webontwikkelaars, integrators, softwarearchitecten.

Voorafgaande vereisten
Goede kennis van HTML, vaardigheid in en praktische ervaring met JavaScript (minimaal ES5).

Opleidingsprogramma

1
Het ecosysteem van de moderne JS-ontwikkelaar

  • De ECMAScript-specificatie.
  • ES6+ syntaxis.
  • Nieuw in ES9/ES10.
  • Babel & Webpack.
Praktisch werk
Een geoptimaliseerde JS-ontwikkelomgeving opzetten.

2
Aan de slag met Vue.js

  • Belangrijkste principes van Vue.js.
  • Vue.js vs React vs Angular.
  • Een project maken en beheren met vue-cli.
  • Routekaart en toekomstige releases.
  • De basis van een applicatie: de Vue instance.
  • Uw eerste Vue.js component maken.
  • DOM-gebeurtenissen beheren.
  • Debuggen met vue-devtools.
Praktisch werk
Maak het Vue.js-project dat als basis zal dienen voor de rest van het praktische werk.

3
Uw code verdelen over componenten

  • Componenten nesten en props.
  • Inhoud doorgeven aan een component: slots/kinderen.
  • Aangepaste gebeurtenissen activeren.
  • De levenscyclus van componenten.
Praktisch werk
Refactoring van de code voor de red wire-applicatie: verdeling in subcomponenten.

4
Sjablonen verbeteren

  • Filters en computedProps: vereenvoudigen het schrijven van sjablonen.
  • Sjablonen vs rendermethoden & JSX.
  • Functionele onderdelen.
  • Animaties en overgangen: de gebruikerservaring verbeteren.
Praktisch werk
De manier waarop uw applicatie wordt weergegeven verbeteren: verschillende renderingtechnieken.

5
Navigatie beheren

  • Ontwikkel een intern routingsysteem.
  • Vue-routerprincipes.
  • Routes configureren.
  • Een toepassing beveiligen: Navigation Guards.
  • Overgangen tussen schermen.
Praktisch werk
Navigatie instellen met Vue router.

6
Gegevensbeheer met Vuex

  • Vuex: basisconcepten.
  • Installatie en implementatie.
  • Vuex uitbreiden met plugins.
  • Alternatieve boekhandels.
Praktisch werk
Optimaliseer de applicatiearchitectuur door te converteren naar Vuex.

7
Een verbonden applicatie ontwikkelen

  • Gegevens laden en verzenden met AJAX: de verschillende scenario's.
  • Formulierenbeheer.
  • "Binding van gegevens in twee richtingen vs. gegevensstroom in één richting.
  • Vuex en formulieren.
  • Gebruikersinvoer valideren.
Praktisch werk
Gegevens laden van een REST/JSON API en een formulier maken.

8
Verder gaan met Vue.js, best practices

  • Mixins en plugins.
  • Groepeer uw code in .vue Single File Components.
  • Aangepaste richtlijnen maken.
  • Maak uw code robuust met behulp van Prop types.
  • Compilatie en prestatieoptimalisatie.
  • Typing flow/TypeScript.
  • Rendering aan de serverkant.
  • Ontwikkeling van mobiele toepassingen.
Praktisch werk
De kwaliteit van de applicatiecode verbeteren.