Seminar Vaadin Kompaktseminar: Moderne Webanwendungen

Seminarprofil

Das Kompaktseminar vermittelt den vollständigen Arbeitsfluss für eine moderne Vaadin-Anwendung in verdichteter Form. Projektaufbau, Komponenten, Navigation, Datenbindung, Security, Styling, Tests und Bereitstellung werden an einer einzigen Anwendung zusammengeführt.

Lernziele

• die wichtigsten Vaadin-Konzepte in kurzer Zeit praktisch anwenden
• eine navigierbare und responsive Geschäftsanwendung erstellen
• Grid, Formular, Validierung und Service-Schicht verbinden
• Grundschutz, ein konsistentes Theme und automatisierte Tests ergänzen
• die Anwendung als Produktionsbuild bereitstellen

Zielgruppe

Java-Entwickler, technische Projektmitglieder und Teams, die einen kompakten, praxisnahen Gesamtüberblick benötigen.

Voraussetzungen

Sichere Java-Grundkenntnisse und ein grundlegendes Verständnis von Spring Boot und Datenbankanwendungen.

Inhaltsverzeichnis

1. Kapitel 1: Projekt und Komponenten
2. Kapitel 2: Views und Navigation
3. Kapitel 3: Datenliste und Formular
4. Kapitel 4: Security und Gestaltung
5. Kapitel 5: Tests und Bereitstellung

Kapitel 1: Projekt und Komponenten

Inhaltsverzeichnis

• Projektanlage
• Komponenten und Events
• Layout und Responsivität
• Entwicklungsworkflow

Schritt-für-Schritt-Anleitung

1. Ein lauffähiges Projekt anlegen.
2. Die Grundansicht aus passenden Komponenten aufbauen.
3. Layoutregeln für unterschiedliche Breiten ergänzen.
4. Änderungen im Entwicklungsmodus prüfen und Fehler lokalisieren.

Kapitel 2: Views und Navigation

Inhaltsverzeichnis

• Routen und Hauptlayout
• Parameter und URL-Zustand
• Navigation und Menüs
• Fehler- und Leerzustände

Schritt-für-Schritt-Anleitung

1. Fachliche Ansichten als Routen definieren.
2. Ein gemeinsames Hauptlayout erstellen.
3. Datensatz- und Filterzustände in der URL verwalten.
4. Nicht gefundene und leere Zustände verständlich darstellen.

Kapitel 3: Datenliste und Formular

Inhaltsverzeichnis

• Grid und DataProvider
• Binder und Validierung
• CRUD-Ablauf
• Spring-Service und Persistenz

Schritt-für-Schritt-Anleitung

1. Daten paginiert oder gefiltert anzeigen.
2. Ein Formular mit Binder aufbauen.
3. Speicher- und Löschabläufe absichern.
4. Service- und Datenzugriff klar von der UI trennen.

Kapitel 4: Security und Gestaltung

Inhaltsverzeichnis

• Login und Rollen
• View- und Service-Schutz
• Theme und Design Tokens
• Barrierefreiheit und Tastaturbedienung

Schritt-für-Schritt-Anleitung

1. Eine Login-View und Grundkonfiguration einrichten.
2. Routen und Service-Methoden rollenbasiert schützen.
3. Farben, Typografie und Abstände konsistent anpassen.
4. Formulare und Hauptabläufe mit Tastatur und Fokusprüfung kontrollieren.

Kapitel 5: Tests und Bereitstellung

Inhaltsverzeichnis

• browserlose UI-Tests
• kritische Browserabläufe
• Production Build
• externe Konfiguration und Start

Schritt-für-Schritt-Anleitung

1. Kernfunktionen mit schnellen UI-Tests absichern.
2. Login und Bearbeitungsablauf als Browsertest definieren.
3. Einen optimierten Produktionsbuild erstellen.
4. Die Anwendung mit externer Konfiguration produktionsnah starten.

Praxisprojekt

Eine kompakte Verwaltungsanwendung mit Navigation, Grid, Formular, Zugriffsschutz, Theme, Tests und Produktionsbuild wird innerhalb des Seminars fertiggestellt.

Arbeitsweise

Konzentrierte Projektarbeit mit kurzen Erklärblöcken, unmittelbar folgenden Übungen und klaren Zwischenständen.