Advanced Search
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
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
Client-Server-Kommunikation
Testing
Cloud-Apps
Svelte in a Nutshell
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
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
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
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
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
Exkurs: 3D-Anwendungen im Handumdrehen mit Threlte
npm install three @threlte/core @threlte/extras Â
PayloadCMS
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
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
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)
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
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
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
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
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...