Advanced Web Technologies â Wiki zum Mastermodul
Dieses Buch ist meine persönliche Dokumentation und Sammlung von Ergebnissen zum Modul Advanced Web Technologies im Master Angewandte Informatik an der Hochschule Mainz.
Es enthÀlt:
- Eigene Recherchen & Notizen zu zentralen Themenfeldern
- Wiki-Artikel, Grafiken & externe Ressourcen
- Dokumentation zu Beispielaufgaben
- Dokumentation zur Entwicklung eines komplexen Webprojekts mit Laravel Filament und Svelte
Themenbereiche:
- 𧱠Architekturen (MVC, MPPM, Thin/Fat Client etc.)
- đš Frontend vs Backend (Vue, Angular, Node, PHP, Python)
- đ Kommunikation zwischen Client & Server (REST, Sockets, Microservices, Message Queuing)
- đ§Ș Testing (z.âŻB. mit Selenium)
- âïž Cloud-Apps (AWS, GCP, Azure)
Einleitung
Svelte als Frontend-Technologie
Svelte ist kein klassisches Framework â es ist ein eleganter Kompiler fĂŒr das Frontend. Statt vir...
Svelte in a Nutshell
Svelte ist ein modernes Frontend-Framework, das sich durch seinen innovativen, compilerbasierte...
Projektsetup mit SvelteKit
SvelteKit ist das offizielle Meta-Framework rund um Svelte. Es bringt alles mit, was moderne Webe...
Grundkonzepte von Svelte 5
Svelte 5 fĂŒhrt mit den sogenannten Runes eine neue, klare Art ein, mit ReaktivitĂ€t umzugehen. ...
Styling & UX mit Tailwind CSS
Tailwind CSS passt hervorragend zu Svelte. Es erlaubt schnelles Prototyping, konsistentes Design ...
Beispielaufgabe: Vier Gewinnt
In dieser Beispielaufgabe entwickeln wir eine einfache Webanwendung mit SvelteKit, die das klassi...
Exkurs: 3D-Anwendungen im Handumdrehen mit Threlte
npm install three @threlte/core @threlte/extras Â
Backend-Technologien
Mein Weg zu PayloadCMS: Backend-Vergleich aus der Praxis
In meinem Projekt stand ich vor der Aufgabe, ein modernes CMS aufzusetzen â mit möglichst viel Fl...
PayloadCMS
PayloadCMS ist ein modernes, Headless CMS, das vollstĂ€ndig auf Node.js basiert und speziell fĂŒr E...
Erweiterung des Beispielprojekts: Vier Gewinnt Remote
In diesem Artikel erweitern wir unser Beispielprojekt um ein Backend, damit Spieler auch online g...
Client-Server-Kommunikation
Web Services mit GraphQL (statt REST/SOAP)
GraphQL ist ein modernes API-Paradigma, das sich zunehmend als Alternative zu klassischen Web-Ser...
Microservices
Microservices sind ein Architekturparadigma, das sich in den letzten zehn Jahren stark verbreitet...
Sockets
Das WebSocket-Protokoll ermöglicht eine bidirektionale, persistente Kommunikation zwischen Client...
Message Queueing
Hier ist ein umfassender Wiki-Artikel zum Thema Message Queuing, mit besonderem Fokus auf RabbitM...