MudBlazor für Umsteiger: Von WPF und WinForms zu modernen Web-UIs

Seminarziel

Sie verstehen nach dem Seminar die Konzepte von Blazor und MudBlazor und können Ihre vorhandenen Kenntnisse aus WPF oder WinForms auf Webprojekte übertragen. Sie beherrschen die Erstellung von Komponenten mit Datenbindung, die Umsetzung von MVVM-Ansätzen in Blazor sowie das Styling und die Strukturierung von Oberflächen mit MudBlazor. Darüber hinaus können Sie Web-UIs mit modernen Tools wie bUnit und Playwright testen und automatisieren.

Inhalt

• Tag 1 - Einstieg in Blazor
  • Überblick: Von WPF/WinForms zu Blazor - Gemeinsamkeiten und Unterschiede
  • Blazor Hosting-Modelle: Server und WebAssembly im Vergleich
  • Lebenszyklus und Struktur einer Blazor-Komponente
  • Datenbindung in Blazor: One-Way und Two-Way Binding
  • Praxis: Erste Blazor-App mit Formularen und Datenbindung
  • Praxis: Komponentenkommunikation über Parameter und EventCallbacks
  • Vergleich zur XAML-Datenbindung: Unterschiede und Parallelen
• Tag 2 - MudBlazor und MVVM-Ansätze
  • Einführung in MudBlazor als UI-Komponentenbibliothek
  • Vergleich: XAML-Controls vs. MudBlazor-Komponenten
  • Styling und Layouts mit MudBlazor: Themes, Grid, Flex
  • MVVM-ähnliche Muster in Blazor: ViewModel, State Management, Dependency Injection
  • Praxis: Dashboard mit MudBlazor erstellen
  • Praxis: MVVM-Light-Prinzipien mit Blazor umsetzen
  • Praxis: Services und State-Container mit Dependency Injection
  • Architektur-Patterns für skalierbare Anwendungen
• Tag 3 - Testing, Fortgeschrittene Konzepte & Projekt
  • Navigation und Routing in Blazor-Anwendungen
  • Anbindung von REST-APIs und SignalR für Echtzeitkommunikation
  • Formularvalidierung mit DataAnnotations und FluentValidation
  • Komponententests mit bUnit: Aufbau und Umsetzung
  • UI-Integrationstests mit Playwright oder Selenium
  • Praxisprojekt: Migration eines Desktop-Beispiels nach Blazor mit MudBlazor
  • Projekt: Umsetzung der MVVM-Struktur, Komponentenentwicklung und Testautomatisierung
  • Tests: Unit-Tests mit bUnit, Integrationstests mit Playwright
  • Abschluss, Best Practices, Q&A und Tipps für automatisiertes Testen