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

15 total results found

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