Seminar Vaadin Intensivseminar: Full-Stack, Architektur und Betrieb

Seminarprofil

Der viertägige Intensivkurs bündelt Hilla, hybride Flow-Hilla-Architekturen, Migration, Security, Tests, KI-Integration und Unternehmensbetrieb. Er richtet sich an Teams, die eine moderne Full-Stack-Plattform technisch bewerten, aufbauen oder modernisieren.

Lernziele

• Hilla-Anwendungen mit React, TypeScript und Spring Boot sicher entwickeln
• Flow und Hilla in einer gemeinsamen Architektur sinnvoll kombinieren
• Migrationen auf Vaadin 25 planbar und testbar durchführen
• Security, Qualitätsprüfung, Performance und Kubernetes-Betrieb integrieren
• KI-Oberflächen und Copilot kontrolliert in den Entwicklungsprozess einordnen

Zielgruppe

Erfahrene Java- und Full-Stack-Entwickler, Architekten, technische Leads, DevOps Engineers und Modernisierungsteams.

Voraussetzungen

Sehr gute Java- und Spring-Boot-Kenntnisse sowie Grundlagen in TypeScript, React, Build-Prozessen und Containerbetrieb.

Inhaltsverzeichnis

1. Kapitel 1: Hilla und hybride Full-Stack-Architektur
2. Kapitel 2: Typsichere Services und React-Anwendung
3. Kapitel 3: Security, Architektur und Qualität
4. Kapitel 4: Migration auf Vaadin 25
5. Kapitel 5: Produktion, Performance und Kubernetes
6. Kapitel 6: KI-Oberflächen und Entwicklungsunterstützung

Kapitel 1: Hilla und hybride Full-Stack-Architektur

Inhaltsverzeichnis

• Hilla-Komponentenmodell
• React-Frontend und Java-Backend
• Flow-Hilla-Hybridbetrieb
• Modul- und Integrationsgrenzen

Schritt-für-Schritt-Anleitung

1. Ein Hilla-Projekt aufbauen und die Laufzeitpfade dokumentieren.
2. Eine browseraufrufbare Service-Schnittstelle definieren.
3. Flow- und React-Routen in einer Anwendung kombinieren.
4. Fachmodule und technische Integrationen klar abgrenzen.

Kapitel 2: Typsichere Services und React-Anwendung

Inhaltsverzeichnis

• generierte TypeScript-Clients
• DTOs, Validierung und Fehler
• Routing, Formulare und Grid
• reaktive Daten und Signals

Schritt-für-Schritt-Anleitung

1. Java-Services und DTOs für stabile Client-APIs gestalten.
2. Generierte Typen in React-Views verwenden.
3. Formular- und Datenlistenabläufe vollständig implementieren.
4. Echtzeitaktualisierungen und Ladezustände absichern.

Kapitel 3: Security, Architektur und Qualität

Inhaltsverzeichnis

• Authentifizierung und Autorisierung
• Frontend-, Service- und Datenberechtigungen
• Package by Feature und Zustandsmodell
• Tests und Architekturprüfung

Schritt-für-Schritt-Anleitung

1. Login und rollenabhängige Navigation einrichten.
2. Serverseitige Berechtigungsprüfungen ergänzen.
3. Module, Zustände und Fehlergrenzen überprüfen.
4. Kritische Abläufe mit Frontend-, Integrations- und End-to-End-Tests absichern.

Kapitel 4: Migration auf Vaadin 25

Inhaltsverzeichnis

• Bestandsaufnahme und Zielbild
• Java, Spring Boot, Node und Jakarta
• Security, Themes, Komponenten und Hilla
• Teststrategie, Stufenplan und Rückfalloption

Schritt-für-Schritt-Anleitung

1. Abhängigkeiten, Add-ons und Eigenkomponenten inventarisieren.
2. Toolchain und Laufzeit schrittweise aktualisieren.
3. Quellcodeänderungen nach Risikobereichen bearbeiten.
4. Regressionstests, Pilotbetrieb und Rollback-Kriterien festlegen.

Kapitel 5: Produktion, Performance und Kubernetes

Inhaltsverzeichnis

• Production Build und Container
• Session-Verhalten und Serialisierbarkeit
• Skalierung und Hochverfügbarkeit
• Monitoring und Störungsanalyse

Schritt-für-Schritt-Anleitung

1. Ein reproduzierbares Produktionsartefakt erstellen.
2. Zustand und Speicherbedarf der Anwendung untersuchen.
3. Eine skalierbare Kubernetes-Bereitstellung definieren.
4. Health Checks, Metriken und Diagnoseabläufe einrichten.

Kapitel 6: KI-Oberflächen und Entwicklungsunterstützung

Inhaltsverzeichnis

• Copilot-Arbeitsweisen
• Chat, Streaming und Verlauf
• KI-Orchestrierung und Tool-Aufrufe
• Datenschutz, Berechtigungen und Tests

Schritt-für-Schritt-Anleitung

1. Copilot für Analyse, UI-Anpassung und Testentwurf kontrolliert einsetzen.
2. Eine streamingfähige Chat-Oberfläche strukturieren.
3. Backend-Tools mit klaren Eingabe- und Berechtigungsgrenzen anbinden.
4. Prompts, Ausgaben und Fehlerfälle automatisiert prüfen.

Praxisprojekt

Eine hybride Full-Stack-Anwendung wird entwickelt, abgesichert, auf Vaadin 25 ausgerichtet, containerisiert und um einen kontrollierten KI-Anwendungsfall erweitert.

Arbeitsweise

Verdichtete Projektarbeit mit Architekturentscheidungen, Java- und TypeScript-Implementierung, Migrationsexperimenten, Tests und Betriebsübungen.