Seminar Phoenix LiveView: Interaktive Webanwendungen

Interaktive Oberflächen lassen sich serverzentriert entwickeln, ohne jede Funktion in eine separate Client-Anwendung zu verlagern. Das Seminar behandelt den vollständigen LiveView-Lebenszyklus, robuste Zustandsführung, Formulare, Streams, Komponenten und die gezielte Ergänzung durch JavaScript.

Ziel und Nutzen

Die Teilnehmenden können anspruchsvolle, reaktive Oberflächen strukturieren und wissen, welche Daten im Socket, in der URL, in der Datenbank oder in einem separaten Prozess liegen sollten. Sie entwickeln performante LiveViews, sichern Navigation und Aktionen ab und prüfen Verhalten automatisiert.

Zielgruppe

Phoenix- und Full-Stack-Entwickler, die interaktive Formulare, Dashboards, Workflows, Suchoberflächen, Kollaboration oder Echtzeitaktualisierungen mit LiveView umsetzen möchten.

Voraussetzungen

Sichere Elixir- und Phoenix-Grundkenntnisse, Erfahrung mit Ecto sowie Basiswissen in HTML, CSS und JavaScript. Kenntnisse in HEEx und Funktionskomponenten sind hilfreich.

Themenschwerpunkte

• Lebenszyklus von Mount, Parameters, Events, Nachrichten und Renderzyklen
• Socket Assigns, temporäre Zustände und klare Trennung dauerhafter Daten
• Navigation, URL-Parameter, Patches und wiederherstellbare Oberflächenzustände
• Formulare, Changesets, Validierung, Submit-Abläufe und Fehlersituationen
• Streams für große und veränderliche Listen sowie gezielte DOM-Aktualisierung
• Funktionskomponenten, LiveComponents und Kriterien für zustandsbehaftete Bausteine
• Uploads, Fortschritt, Validierung und kontrollierte Verarbeitung von Dateien
• PubSub und Prozessnachrichten für serverseitige Aktualisierungen
• JavaScript-Hooks, Commands und sinnvolle Grenzen clientseitiger Ergänzungen
• Authentifizierung, Autorisierung und Schutz kritischer Events
• Latenz, Renderingkosten, Datenbankzugriffe und messbare Performance
• LiveView-Tests, Forminteraktionen, Navigation und asynchrone Aktualisierungen
• Fehlerbehandlung, Wiederverbindung und robuste Nutzererfahrung
• Strukturierung größerer LiveView-Bereiche im Team

Praxis und Methoden

Die Teilnehmenden entwickeln einen mehrstufigen Workflow mit Suche, Formularvalidierung, dynamischer Liste, Upload und serverseitigen Aktualisierungen. Zwischen den Erweiterungen werden Rendering, Datenbankzugriffe und Zustandsgrenzen überprüft. Tests sichern Navigation, Eingaben und Echtzeitänderungen ab.

Einordnung

Das Seminar setzt Phoenix-Grundlagen voraus und konzentriert sich auf LiveView. Allgemeine Komponentenentwicklung wird nur soweit vertieft, wie sie für die Anwendung nötig ist. Channels und reine WebSocket-Protokolle sind Gegenstand des Echtzeitseminars.