Seminar Micronaut – Webanwendungen mit Views, HTMX, WebSockets und SSE

Micronaut eignet sich neben APIs auch für serverseitige Webanwendungen und Echtzeitfunktionen. Das Seminar verbindet Views, Templates, Formulare und HTMX-Fragmente mit WebSockets und Server-Sent Events und berücksichtigt Security, Validierung, Skalierung und Tests.

Inhaltsübersicht

• Zielsetzung
• Zielgruppe
• Voraussetzungen
• Seminarinhalte
• Praxisübungen
• Methodik

Zielsetzung

• Serverseitige Views und View Models sauber von Fachlogik trennen
• Formulare, Validierung und HTMX-Interaktionen progressiv entwickeln
• WebSockets und SSE nach Kommunikationsrichtung und Betriebsanforderung auswählen
• Webanwendungen mit Security, Tests und skalierbarem Verbindungsbetrieb absichern

Zielgruppe

Java- und Kotlin-Webentwickler, Backend-Entwickler, Full-Stack-Teams und technische Leads.

Voraussetzungen

Micronaut-Grundkenntnisse sowie Grundlagen in HTML, HTTP, Formularen und JavaScript.

Seminarinhalte

1. Schritt 1: Webanwendungsstruktur festlegen

   Controller, View Model, Template, statische Ressourcen, Fachservice und Datenzugriff werden in klar getrennte Verantwortungsbereiche gegliedert.

2. Schritt 2: View-Rendering einrichten

   Template-Engine, Layouts, Partials, Modellübergabe, Escaping und Fehlerseiten werden für eine erste serverseitige Ansicht konfiguriert.

3. Schritt 3: Formulare sicher verarbeiten

   GET/POST-Ablauf, Binding, Bean Validation, Feldfehler, Post-Redirect-Get und sichere Wiederanzeige von Eingaben werden umgesetzt.

4. Schritt 4: HTMX-Fragmente entwickeln

   Teilantworten, Trigger, Targets, Swap-Strategien, Validierungsfehler und progressive Verbesserung werden in die bestehende Form integriert.

5. Schritt 5: Navigation und Zustände beherrschen

   History, Redirects, Browser-Refresh, doppelte Übermittlung, Idempotenz und serverseitige Sitzungsdaten werden kontrolliert.

6. Schritt 6: WebSockets umsetzen

   Verbindungsaufbau, Authentifizierung, Räume, Nachrichtenmodell, Broadcast, Fehler, Ping/Pong und Abbruch werden für bidirektionale Kommunikation entwickelt.

7. Schritt 7: Server-Sent Events einsetzen

   Ereignisstrom, Event-ID, Wiederverbindung, Heartbeat, Buffering und Abbruch werden für unidirektionale Updates umgesetzt.

8. Schritt 8: Security integrieren

   Login, Rollen, CSRF, CORS, Cookies, SameSite, Output Encoding und Content Security werden passend zu Views und Echtzeitkanälen angewendet.

9. Schritt 9: Skalierung und Zustand planen

   Sticky Sessions, externer Zustand, verteiltes Broadcasting, Verbindungslimits, Backpressure und Graceful Shutdown werden für mehrere Instanzen bewertet.

10. Schritt 10: Web- und Echtzeitfunktionen testen

    Controller-, Template-, Formular-, HTMX-, WebSocket- und SSE-Tests prüfen Erfolg, Validierung, Authentifizierung, Wiederverbindung und Fehlerfälle.

Praxisübungen

• CRUD-Ansicht mit Formularvalidierung
• HTMX-Fragment für Suche oder Bearbeitung
• WebSocket-Kanal mit Authentifizierung
• SSE-Statusanzeige mit Wiederverbindung
• Security- und Integrationstests

Methodik

Kurze fachliche Einordnungen wechseln mit Demonstrationen und schrittweisen Übungen. Jeder Arbeitsstand wird gebaut, ausgeführt und durch automatisierte oder betriebliche Prüfungen abgesichert. Fehlerfälle werden bewusst einbezogen, damit Diagnose und Wiederanlauf nicht erst im Produktivbetrieb entstehen.