Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Hoe zit Vue.js globaal in elkaar?
  • Wat zijn voordelen van Vue.js ten opzichte van andere frameworks?
  • Hoe verhoudt Vue.js zich tegenover talen zoals Php?
  • Wat kan Vue.js specefiek betekenen specifiek betekenen voor het hr portaal?

Aanpak en criteria

...

Het grote verschil tussen Vue.js en Php is dat Vue zich puur bezighoudt met de front-end van een applicatie. Dit betekend dat Vue gebruikt wordt om de interface te bouwen waarmee gebruikers een bestaande backend bereiken. Php aan de andere kant is eigenlijk een combinatie van zowel de front-end als de backend. Php kan niet zoals Vue in de browser zelf reageren op input van de gebruiker. Een groot voordeel van het gebruik van Vue is dat deze splitsing van de front- en backend zorgt dat meerdere front-ends dezelfde backend kunnen gebruiken. Zo kan dezelfde pagina op verschillende platforms worden gebruikt zonder de backend opnieuw te hoeven maken. Ook maakt Vue gebruik van componenten en states waardoor kleine onderdelen van de pagina (bijvoorbeeld de gebruikersinformatie) los van elkaar geüpdatet kunnen worden. Bij Php is het zo dat als er informatie zoals de gebruikersgegevens wordt geüpdatet, de hele pagina, inclusief onderdelen die hier niet mee te maken hebben, moet worden herladen.


https://www.reddit.com/r/webdev/comments/7owx1a/why_use_vuejs_reactjs_angularjs_instead_of_php/

...

https://v2.vuejs.org/v2/guide/comparison.html?redirect=true


 Wat kan Vue.js specifiek betekenen voor het hr portaal?

Vue.js kan binnen het hr portaal gebruikt worden voor het bouwen van de front-end. Zoals in hoofdstuk 4.2 is benoemt, zijn een aantal features van belang voor het front-end; het moet snel en makkelijk te leren zijn, lightweight zijn, herbruikbare componenten hebben, ontwikkelaars moeten makkelijk de pagina flow kunnen opzetten en de code moet goed opgedeeld kunnen zijn in leesbare stukken code. Aangezien deze criteria allemaal voor Vue.js zijn uitgewerkt in hoofdstuk 4.2 zal hier in dit hoofdstuk niet verder op ingegaan worden, het komt erop neer dat Vue.js aan al deze vereisten voldoet. Wat belangrijk is, is dat Vue.js een tool is waarmee er voor de spring boot backend van het hr portaal een interface gemaakt kan worden voor gebruikers. Denk hierbij aan een authenticatie interface, een werkplek overzicht, een verlof aanvraag interface, een reiskosten overzicht, etc. Deze Vue interface maakt gebruik van de backend API.

Conclusie

Om antwoord te geven op de centrale vraag binnen dit onderzoek, Hoe werkt Vue.js en hoe kan het worden gebruikt om de frontend van het hr portaal te bouwen?; Zoals in de eerste deelvraag beschreven, is Vue.js een javascript framework voor het bouwen van front-end user interfaces. Bij Vue.js kunnen aan de hand van componenten pagina's opgebouwd worden en deze componenten kunnen over meerdere pagina's worden hergebruikt. Vue.js gebruikt Declarative Rendering, wat ervoor zorgt dat pagina's reactive zijn, dit houdt in dat de componenten alleen veranderen als de data van het component veranderd.

Vue.js zal gebruikt worden om een front-end te maken die de link vormt tussen de backend en de eindgebruikers van het hr portaal. Zoals in hoofdstuk 5.2 beschreven is Vue.js lightweight, wat betekend dat het ten opzichte van andere frameworks minder code aan een project toevoegt. In de laatste paar jaar heeft Vue andere frameworks zoals React en Angular ingehaald wat betreft populariteit, dit zorgt ervoor dat er een grote community omheen is ontstaan waardoor het voor ontwikkelaars makkelijker is geworden om informatie over het framework te vinden.


https://www.tutorialspoint.com/vuejs/vuejs_overview.htm

...