Implementing Vue.js course on Moodle Platform

The Metropolia University of Applied Sciences initiated a project aimed at developing an introductory online course on Vue.js within the Moodle platform. The primary objective was to create a comprehensive learning experience for students across various study units, such as open MAK, multi-format, and day students. The overarching aim was to equip students with a foundational grasp of the JavaScript language and the Vue.js library.The project encompassed a thorough exploration of open-source projects, which served as a prerequisite for acclimatizing students to the course content. Additionally, the endeavor involved a meticulous examination of diverse open-source licenses to comprehend their implications on the utilization of different components.The theoretical segment of the project delved into various programming languages and software packages that constitute integral components of contemporary web applications. A comparative analysis was undertaken, pitting these technologies against their competing counterparts. This encompassed an assessment of the interdependencies between Moodle and Vue.js. The culmination of this effort was the successful creation of a Moodle-based course. The course empowers students with a foundational understanding of Vue.js programming, thereby enabling them to apply this knowledge to their future projects. Furthermore, students gain insight into essential tools requisite in the developmental milieu, fostering a holistic learning experience. Keywords: Vue.js, Moodle, Node.js, CSS, JavaScript, TypeScrip