Praxisworkshop: Single-Page-Web-Apps und hybride Cross-Platform-Apps entwickeln mit Blazor 11.0

Online-Workshop, 3. Dezember 2026, 9-17 Uhr

Mit Blazor können C#-Entwicklerinnen und -Entwickler echte Single-Page-Webanwendungen nahezu ohne JavaScript programmieren. Dr. Holger Schwichtenberg bietet in diesem Workshop anhand eines Praxisszenarios (Aufgabenverwaltung "MiracleList") einen kompakten Einstieg in die Web- und hybride Cross-Platform-App-Entwicklung mit Blazor 11.0.

Bei der Webentwicklung besteht inzwischen nicht mehr die Wahl zwischen Blazor WebAssembly und Blazor Server. Mit dem Auto-Render-Modus ("Blazor United") lassen sich Anwendungen erstellen, die Static Server-Side Rendering, Blazor Server und Blazor WebAssembly kombinieren. Dadurch laden Anwendungen sofort, bleiben suchmaschinenfreundlich und bieten dennoch eine reaktive Benutzeroberfläche.

Auf Basis derselben Codebasis entsteht in diesem Workshop außerdem eine hybride Cross-Platform-App für Windows, Android und iOS. Diese läuft ohne Browser und Sandbox direkt auf dem Betriebssystem und verfügt damit über vollen API- und Ressourcenzugriff.

Vorkenntnisse

Die Teilnehmenden sollten Grundkenntnisse in HTML, JavaScript, .NET und C# besitzen, um dem Workshop optimal folgen zu können.

Dieser Workshop ist eine Vorführung des Experten mit der Möglichkeit, individuelle Fragen zu stellen. Aufgrund der Stofffülle sind praktische Übungen der Teilnehmenden am PC nicht vorgesehen. Es wird sehr viel Programmcode gezeigt, aufgrund der Vielzahl der Themen jedoch nur vergleichsweise wenig Code live entwickelt.

Lernziele

• Unterschiede zwischen Blazor WebAssembly, Blazor Server, Blazor Static Server-Side Rendering, Blazor Desktop und Blazor MAUI
  
• Integration von Blazor Server und Blazor WebAssembly im Auto-Modus
  
• Vor- und Nachteile von Blazor gegenüber anderen Webframeworks
  
• Performance von Blazor-Anwendungen sowie Vor- und Nachteile der optionalen Ahead-of-Time-Kompilierung (AOT) für Blazor WebAssembly
  
• Code-Sharing zwischen den verschiedenen Blazor-Varianten: eine Codebasis für alle Plattformen
  
• Projektaufbau und Debugging in Visual Studio
  
• Komponentenarchitektur und Routing
  
• Razor-Syntax und Ereignisbindung
  
• Dependency Injection (DI)
  
• Interoperabilität von Blazor mit JavaScript und JavaScript-basierten Webframeworks
  
• Zustandsverwaltung
  
• Formulare und Eingabemasken
  
• Zugriff auf Web-APIs
  
• Nutzung von Klassenbibliotheken und Kapselung in Razor Class Libraries
  
• Authentifizierung und Autorisierung
  
• Nutzung von Erweiterungen für Blazor