title: Portierung von Webtechnologien
title: Im Frontend-Bereich
titleType: Subtitle
Creators: name: Giakoumis, Markos
Publisher: name: FH CAMPUS 02 (CAMPUS 02 Fachhochschule der Wirtschaft)
Year: 2023
Subjects: subject: 006 Spezielle Computerverfahren

description: Das Technologieumfeld der Webentwicklung hat sich in den letzten fünf Jahren stark verändert. So ist die Beliebtheit der weitverbreiteten JavaScript Library jQuery im Verlauf der Jahre gesunken. Die bekanntesten Webtechnologien Angular.js, React.js und Vue.js haben stattdessen an Popularität gewonnen und haben ihre Konkurrenten längst überholt. Da Webtechnologien sich immer schneller weiterentwickeln und ständig neue Technologien auf den Markt kommen, beschäftigt sich diese Arbeit mit der Portierbarkeit sowie der Zukunftssicherheit von Angular.js, React.js und Vue.js. Dabei wird überprüft, ob die vorgestellten Technologien in die jeweils anderen portierbar sind oder ob bei einem Technologiewechsel eine Neuentwicklung notwendig ist. Als Ziele dieser Arbeit kann neben der Gewinnung wichtiger Erkenntnisse in Bezug auf die Portierungen die Erarbeitung von Hilfestellungen und Richtlinien für Portierungen, sowie eine Bewertung und Empfehlung der ausgewählten Webtechnologien genannt werden. Um die Portierungen durchzuführen, werden im ersten Schritt einheitliche Anwendungen in Angular.js, React.js und Vue.js nach zuvor definierten Anforderungen entwickelt. Die Anwendungen fokussieren sich auf Formularinhalte. Dabei werden Daten von einem Server geladen, im Frontend dargestellt, bearbeitbar gemacht und wieder an den Server geschickt, um persistent gespeichert zu werden. Jede dieser Anwendungen wird danach in die beiden anderen Technologien portiert und die daraus entstandenen Erkenntnisse dokumentiert. Die abschließende Bewertung der miteinander verglichenen Technologien erfolgt nach den Kriterien: Popularität, Entwicklungsaufwand, Flexibilität, Portierbarkeit und Zukunftssicherheit.
description: The technological environment of web development has changed in the past five years. The popularity of the widely used JavaScript library jQuery has declined of the years. The bestknown web technologies Angular.js, React.js, and Vue.js have instead gained popularity and have overtaken their competitors. Since web technologies are developing faster and faster and new technologies are constantly coming onto the market, this thesis focuses on the portability and the future security of Angular.js, React.js, and Vue.js. For each technology is checked whether the technology can be ported to the others or whether a new development is necessary in case of a technology change. In addition to gaining important knowledge of the portability, the goals of this work include the development of guidelines for porting, as well as an evaluation and recommendation of the selected web technologies. In order to port the technologies, uniform applications in Angular.js, React.js, and Vue.js are developed with predefined requirements. The applications are focusing on form content. Data is loaded from a server, displayed in the frontend to be edited, and sent back to the server to be saved persistently. Each of these applications is then ported to the other two technologies. The evaluation of the compared technologies is based on the criteria: popularity, development effort, flexibility, portability, and future security.