Web application development with Vue.js

Abstract

The goal of the thesis was to engineer a learning tool in the form of a web application, which could be used to educate the most important features of the Vue.js ecosystem to an employee or a trainee more efficiently than the official documentation by focusing on the SFC syntax instead of the regular syntax used in the official documentation. The thesis was assigned by Zaibatsu Interactive Oy to complement their Self Dev program, which allows the employees of the company to use 5 % of their monthly worktime for developing their professional skills in a volitional manner.

This goal was realized by carefully selecting the concepts discussed in the learning tool by critically evaluating the official documentation and designing the content of the learning tool based on the findings to build an efficient documentation covering the basics from the perspective of a SFC syntax user, which eliminates the need to interpret the official documentation on a case-by-case basis.

The learning tool was created by using the Vue.js ecosystem to build a PWA, which allows the web application to be used on any device with a standards-compliant browser and regardless of an active internet connection.

Based on the results, tangible efficiency improvements were achieved, while further development options were found.