Grundlagen und Einführung in Blazor WebAssembly

Seminarziel

• Technologische Aktualisierung : Unternehmen, die das Seminar nutzen, können ihren Technologie-Stack modernisieren, um auf dem neuesten Stand der Technik zu sein.
• Effizienzsteigerung : Durch die Verwendung einer einheitlichen Sprache (C#) für sowohl Client- als auch Servercode können Unternehmen die Effizienz steigern und die Entwicklungszeit verkürzen.
• Kostenreduktion : Langfristig können Kosten für Lizenzen und Entwicklung reduziert werden, da mit Blazor eine Open-Source-Lösung verwendet wird und bestehende .NET-Kompetenzen genutzt werden können.

Inhalt

• Was ist Blazor WebAssembly?
  • Kernfunktionalitäten
  • Unterschiede zu JavaScript-Frameworks
• Vergleich: Blazor Server vs Blazor WebAssembly
  • Architektur
  • Vor- und Nachteile
  • Einsatzszenarien
• Entwicklungsumgebung einrichten
  • Visual Studio vs Visual Studio Code
  • SDKs und Paketmanager
  • Erste Projekterstellung
• Erste Schritte: "Hello World"
  • Projektstruktur
  • Razor Syntax
  • Ausführung und Debugging
• Grundlagen der Komponenten
  • Was ist eine Komponente?
  • Lebenszyklus einer Komponente
  • Komponentenparameter
• Datenbindung: One-Way Binding
  • Syntax und Beispiele
  • Datenfluss: Eltern zu Kind
  • Performance-Aspekte
• Datenbindung: Two-Way Binding
  • Syntax und Beispiele
  • Datenfluss: Kind zu Eltern
  • Nutzung von EventCallback
• Event Handling
  • Grundlegende Events wie OnClick
  • Benutzerdefinierte Events
  • Event Bubbling und Delegation
• Einführung ins Routing
  • Konfiguration des Routers
  • Route Parameters
  • Navigation und Redirection
• Fortgeschrittene Routing-Techniken
  • Route Guards
  • Lazy Loading von Komponenten
  • Query-Parameter und Fragmente
• Zustandsverwaltung: Grundlagen
  • Lokaler Zustand
  • Sitzungszustand
  • Persistenter Zustand
• Zustandsverwaltung: Praxis
  • Zustandscontainer wie Flux oder Redux
  • Asynchrone Zustandsverwaltung
  • Best Practices
• HttpClient und API-Aufrufe
  • GET, POST, PUT, DELETE Methoden
  • Asynchrone Anfragen
  • Daten-Deserialisierung
• API: Fehlerbehandlung und Optimierung
  • Fehlercodes und Exceptions
  • Retries und Exponential Backoff
  • Caching von Anfragen
• Deployment: Vorbereitung und Build-Prozess
  • Build-Konfigurationen
  • Pre-Rendering
  • Umgebungsvariablen
• Deployment: Veröffentlichung
  • Hosting-Optionen (Azure, AWS, etc.)
  • CDN und Webserver-Konfiguration
  • Monitoring und Logging