Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

28 total results found

🌐 Webentwicklung

Laravel Svelte / SvelteKit Filament Node.js Vue / Angular / React API-Design (REST, GraphQL, OpenAPI)

đŸ›ïž Architektur & Patterns

Clean Architecture Domain-Driven Design MVC / MVP / MPPM Monolith vs Microservices CQRS / Event Sourcing

🐳 DevOps & Infrastruktur

Docker & Container CI/CD (GitHub Actions, GitLab CI) Server & Deployment Cloud-Plattformen (AWS / GCP / Azure) Monitoring / Logging / Alerts

đŸ§Ș Testing & QualitĂ€tssicherung

‱ Unit Testing (PHPUnit, Vitest etc.) End-to-End (Cypress, Playwright, Selenium) Clean Code Linting & Static Analysis Teststrategien & Mocks

đŸ—’ïž Notizen

Tools & Shortcuts Lieblingspakete / Libraries Best Practices Blog-Ideen Sonstiges

🚀 Projekte & Use Cases

Kundenprojekte Interne Tools CMS-Lösungen Mastodon-Integration

🎓 Studium & Weiterbildung

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, Graf...

Svelte als Frontend-Technologie

Advanced Web Technologies – Wiki zum Ma...

Svelte ist kein klassisches Framework – es ist ein eleganter Kompiler fĂŒr das Frontend. Statt virtuellen DOM zu jonglieren, schreibt Svelte reaktiven Code direkt in optimiertes JavaScript. Das ist schnell, leichtgewichtig und so intuitiv, dass man fast vergiss...

Backend-Technologien

Advanced Web Technologies – Wiki zum Ma...

Client-Server-Kommunikation

Advanced Web Technologies – Wiki zum Ma...

Testing

Advanced Web Technologies – Wiki zum Ma...

Cloud-Apps

Advanced Web Technologies – Wiki zum Ma...

Svelte in a Nutshell

Advanced Web Technologies – Wiki zum Ma... Svelte als Frontend-Technologie

Svelte ist ein modernes Frontend-Framework, das sich durch seinen innovativen, compilerbasierten Ansatz von anderen Bibliotheken wie React oder Vue abhebt. Es verspricht eine elegante, minimalistische und leistungsstarke Möglichkeit, Webanwendungen zu erstel...

Projektsetup mit SvelteKit

Advanced Web Technologies – Wiki zum Ma... Svelte als Frontend-Technologie

SvelteKit ist das offizielle Meta-Framework rund um Svelte. Es bringt alles mit, was moderne Webentwicklung braucht: Dateibasiertes Routing, SSR, API-Routen, Layouts, und eine cleane DX. In diesem Artikel wird Schritt fĂŒr Schritt erklĂ€rt, wie man ein neues Pro...

Styling & UX mit Tailwind CSS

Advanced Web Technologies – Wiki zum Ma... Svelte als Frontend-Technologie

Tailwind CSS passt hervorragend zu Svelte. Es erlaubt schnelles Prototyping, konsistentes Design und volle Kontrolle direkt im Markup. <button class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded"> Klick mich </button> TODO: Verweis auf Ins...

Beispielaufgabe: Vier Gewinnt

Advanced Web Technologies – Wiki zum Ma... Svelte als Frontend-Technologie

In dieser Beispielaufgabe entwickeln wir eine einfache Webanwendung mit SvelteKit, die das klassische Spiel „Vier Gewinnt“ als lokale Zwei-Spieler-Variante umsetzt. Diese Version enthĂ€lt ausschließlich Frontend-Logik und basiert auf dem Static Adapter von Svel...

Grundkonzepte von Svelte 5

Advanced Web Technologies – Wiki zum Ma... Svelte als Frontend-Technologie

Svelte 5 fĂŒhrt mit den sogenannten Runes eine neue, klare Art ein, mit ReaktivitĂ€t umzugehen. $state() fĂŒr reaktiven Zustand $derived() fĂŒr abgeleitete Werte $effect() fĂŒr Nebenwirkungen (z. B. DOM-Manipulation) $props() fĂŒr Props-Zugriff $bindable() fĂŒ...

Einleitung

Advanced Web Technologies – Wiki zum Ma...

Exkurs: 3D-Anwendungen im Handumdrehen mit Threlte

Advanced Web Technologies – Wiki zum Ma... Svelte als Frontend-Technologie

npm install three @threlte/core @threlte/extras  

PayloadCMS

Advanced Web Technologies – Wiki zum Ma... Backend-Technologien

PayloadCMS ist ein modernes, Headless CMS, das vollstĂ€ndig auf Node.js basiert und speziell fĂŒr Entwickler:innen konzipiert ist. Es kombiniert ein leistungsfĂ€higes Admin-Panel mit einem code-first-Ansatz, wodurch Inhalte, Strukturen und Logiken direkt im Code ...

Mein Weg zu PayloadCMS: Backend-Vergleich aus der Praxis

Advanced Web Technologies – Wiki zum Ma... Backend-Technologien

In meinem Projekt stand ich vor der Aufgabe, ein modernes CMS aufzusetzen – mit möglichst viel FlexibilitĂ€t, einem angenehmen Workflow und gutem API-Zugriff. Hier dokumentiere ich meine Evaluierung verschiedener Backend-Technologien und Frameworks – und wie ic...

Erweiterung des Beispielprojekts: Vier Gewinnt Remote

Advanced Web Technologies – Wiki zum Ma... Backend-Technologien

In diesem Artikel erweitern wir unser Beispielprojekt um ein Backend, damit Spieler auch online gegeneinander spielen können.

Web Services mit GraphQL (statt REST/SOAP)

Advanced Web Technologies – Wiki zum Ma... Client-Server-Kommunikation

GraphQL ist ein modernes API-Paradigma, das sich zunehmend als Alternative zu klassischen Web-Service-Modellen wie REST oder SOAP etabliert. Im Vergleich zu diesen Modellen erlaubt GraphQL eine flexible, clientgesteuerte Datenabfrage ĂŒber eine einheitliche Sch...

Microservices

Advanced Web Technologies – Wiki zum Ma... Client-Server-Kommunikation

Microservices sind ein Architekturparadigma, das sich in den letzten zehn Jahren stark verbreitet hat. Der Begriff steht fĂŒr eine Herangehensweise, bei der Software nicht mehr als eine große, monolithische Anwendung entwickelt und betrieben wird, sondern als S...

Sockets

Advanced Web Technologies – Wiki zum Ma... Client-Server-Kommunikation

Das WebSocket-Protokoll ermöglicht eine bidirektionale, persistente Kommunikation zwischen Client und Server ĂŒber eine einzelne TCP-Verbindung. Im Gegensatz zum traditionellen HTTP-Protokoll, das auf einem Anfrage-Antwort-Modell basiert, erlaubt WebSocket eine...

Message Queueing

Advanced Web Technologies – Wiki zum Ma... Client-Server-Kommunikation

Hier ist ein umfassender Wiki-Artikel zum Thema Message Queuing, mit besonderem Fokus auf RabbitMQ als Praxisbeispiel:       📬 Message Queuing – Grundlagen und Praxis mit RabbitMQ     1. EinfĂŒhrung: Was ist Message Queuing?   Message Queuing (MQ...

OberflÀchentests mit Playwright

Advanced Web Technologies – Wiki zum Ma... Testing

Einleitung OberflĂ€chentests (UI-Tests) stellen sicher, dass Webanwendungen sich so verhalten, wie es Benutzer erwarten – unabhĂ€ngig vom internen Code. Mit Playwright steht ein modernes, mĂ€chtiges Test-Framework zur VerfĂŒgung, das speziell fĂŒr dynamische Web-U...