Vue.js-kurssi Moodleen

Abstract

Projektin tilasi Metropolia Ammattikorkeakoulu, joka on Suomen suurin ammattikorkeakoulu. Insinöörityön tavoitteena oli luoda Vue.js:n perusteet -verkkokurssi Metropolia Ammattikorkeakoulun Moodle-ympäristöön. Tarkoituksena oli, että kurssi toimisi monipuolisesti avoimen AMK:n, monimuoto- sekä päiväopiskelijoiden vapaasti valittaviin opintokokonaisuuksiin. Tavoitteena oli, että opiskelija saisi perustason ymmärryksen JavaScript-kieleen ja Vue.js-kirjastoon.

Työssä tutkitaan avoimen lähdekoodin projekteja, jotka ovat vaatimuksena kurssin totuttamiseen sekä eri avoimen lähdekoodin lisenssejä ymmärtämään näiden vaikutus eri komponenttien käyttöön. Teoriaosuudessa syvennymme eri ohjelmointikieliin sekä ohjelmistopaketteihin, jotka ovat kriittinen osuus nykyaikaisia verkkosovelluksia sekä vertailemme näitä kilpaileviin teknologioihin. Tähän sisältyvät sekä Moodlen että Vue.js:n eri riippuvuudet.

Lopputuloksena muodostui Moodle-ympäristön toteutettu kurssi, jossa opiskelija ymmärtää perusteet Vue.js-ohjelmoinnista ja osaa hyödyntää ymmärrystä tulevaisuudessa omissa projekteissaan sekä ymmärtää vaadittavat työkalut, joita vaaditaan kehitysympäristössä.

The project was commissioned by Metropolia University of Applied Sciences, which is Finland's largest university of applied sciences. The goal of the bachelor thesis was to create a Vue.js fundamentals online course in Metropolia Moodle environment. The purpose was that the course would work flexibly for the freely chosen study units of the open UAS, blended learning and day-time students. The goal was for the course percipients to gain a basic understanding of the JavaScript language and the Vue.js library.

The work examines open-source projects, which are required for the course, as well as different open-source licenses to understand their impact on the use of different components. In the theoretical part, we delve into different programming languages and software packages, which are a critical element of modern web applications, and we compare these to competing technologies. This includes the various dependencies of both Moodle and Vue.js.

The result was a course implemented in the Moodle environment, where the student understands the basics of Vue.js programming and can use the understanding in their own projects in the future, as well as understands the tools that are required in the development environment.