Praxisworkshop: Single-Page-Web-Apps und hybride Cross-Platform-Apps entwickeln mit Blazor 10.0
Online-Workshop, 3. Dezember, 9-17 Uhr
Mit Blazor können C#-Entwicklerinnen und -Entwickler echte Single Page Web Applications (fast) ohne JavaScript programmieren. In diesem Workshop erhältst du anhand eines Praxisszenarios (Aufgabenverwaltung MiracleList) einen kompakten Einstieg in die Webbrowser- und hybride Cross-Platform-App-Programmierung mit Blazor in der Version 10.0.
Bei der Browserprogrammierung hat man in Blazor 10.0 nicht mehr die Qual der Wahl zwischen Blazor WebAssembly und Blazor Server, sondern kann mit dem Auto-Render-Modus (Blazor United) eine Webanwendung erschaffen, die Static Server-Side Rendering, Blazor Server und Blazor WebAssembly via Progressive Enhancements verbindet und daher sofort lädt und dennoch reaktiv ist. Und die gleiche Codebasis wird in diesem Workshop auch als hybride Cross-Platform-App auf Windows, Android und iOS laufen – ohne Browser und Sandbox, das heißt, mit vollem API- und Ressourcenzugriff.
Vorkenntnisse
Die Teilnehmenden sollten Grundkenntnisse in HTML und JavaScript sowie .NET und C# besitzen, um dem Workshop optimal folgen zu können.
Dieser Workshop ist eine reine Vorführung des Experten inklusive der Möglichkeit, individuelle Fragen zu stellen. Aufgrund der Stoffmenge sind Teilnehmendenübungen am PC nicht sinnvoll und daher nicht vorgesehen. In diesem Workshop wird sehr viel Programmcode gezeigt, aber aufgrund der Menge nur wenig Code live geschrieben.
Lernziele
- Blazor WebAssembly vs. Blazor Server vs. Blazor Static Server-Side Rendering vs. Blazor Desktop vs. Blazor MAUI
- Progressive Enhancements
- Vor- und Nachteile von Blazor gegenüber anderen Webframeworks
- Performance von Blazor-Anwendungen, Vor- und Nachteile der optionalen Ahead-of-Time-Kompilierung für Blazor WebAssembly
- Code-Sharing zwischen den Blazor-Arten: 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/Eingabemasken
- Zugriff auf Web-APIs
- Nutzung von Klassenbibliotheken, Kapselung in Razor Class Libraries
- Authentifizierung und Autorisierung
- Nutzung von Erweiterungen für Blazor