Blazor Schulung .NET 10: Full-Stack-Webanwendungen mit C#
Microsoft

Blazor Schulung .NET 10: Full-Stack-Webanwendungen mit C#

Du entwickelst eine lauffähige Blazor-Anwendung und wählst für jede Seite den geeigneten Render-Modus.

Die wichtigsten Themen

Blazor-Komponenten entwickeln

SSR und Render-Modi auswählen

Formulare mit Validierung aufbauen

Datenzugriff in C# umsetzen

Authentifizierung integrieren

Blazor-Anwendung veröffentlichen

Überblick Blazor Web Apps verbinden Razor-Komponenten mit ASP.NET Core und unterstützen statisches SSR sowie interaktive Render-Modi. Über vier Tage entsteht eine Anwendung mit Routing, validierten Formularen, Datenzugriff und...

Blazor Web Apps verbinden Razor-Komponenten mit ASP.NET Core und unterstützen statisches SSR sowie interaktive Render-Modi. Über vier Tage entsteht eine Anwendung mit Routing, validierten Formularen, Datenzugriff und geschützten Funktionen. Du legst für einzelne Seiten fest, ob Interactive Server, Interactive WebAssembly oder Interactive Auto zum Ausführungsort und zum Startverhalten passt. Ein eigener WebAssembly-Test erfasst die Downloadgröße, die Startzeit und API-Aufrufe im Browser. Browser-Entwicklerwerkzeuge zeigen die Unterschiede.

Das Projekt nutzt Entity Framework Core, eine Minimal API und ASP.NET Core Identity. Messungen mit den Browser-Entwicklerwerkzeugen zeigen, welche Komponenten wiederholt rendern und wie sich die gewählte Ausführung auf die übertragenen Assemblies auswirkt. Die Entwicklungsumgebung ist vorbereitet. Eigene Lizenzen oder ein Notebook sind nicht nötig. Nach vier Tagen ist die Anwendung veröffentlicht und dient als technische Referenz für ein Teamprojekt.

Die Themen Blazor Web App als Projektvorlage · Aufbau von wiederverwendbaren Razor-Komponenten · Dependency Injection für Razor-Komponenten · Konfiguration für mehrere Umgebungen · Komponentenparameter für Datenübergaben...

Projektaufbau mit .NET 10

  • Blazor Web App als Projektvorlage
  • Aufbau von wiederverwendbaren Razor-Komponenten
  • Dependency Injection für Razor-Komponenten
  • Konfiguration für mehrere Umgebungen

Komponenten und Navigation

  • Komponentenparameter für Datenübergaben
  • UI-Ereignisse mit EventCallback verarbeiten
  • Lebenszyklus von Razor-Komponenten
  • Routing mit optionalen Routenparametern
  • Layouts für gemeinsame Seitenbereiche
  • Fehlergrenzen für verschachtelte Komponenten

Formulare und Validierung

  • Formulare mit EditForm aufbauen
  • Eingabekomponenten an Modelle binden
  • Datenannotationen für die Modellvalidierung
  • Eigene Regeln für Modellvalidierung
  • Serverseitige Verarbeitung von Formulardaten

Serverseitiges Rendering und Render-Modi

  • Statisches serverseitiges Rendering
  • Interaktivität mit Interactive Server
  • Client-Ausführung mit Interactive WebAssembly
  • Automatische Ausführungswahl mit Interactive Auto
  • Streaming Rendering für verzögerte Inhalte

WebAssembly im Browser

  • Downloadgröße der Client-Assemblies
  • Startzeit der WebAssembly-Anwendung
  • API-Aufrufe aus dem Browser
  • Zustände im lokalen Browser-Speicher
  • CORS-Regeln für API-Aufrufe

Datenzugriff im Full-Stack-Projekt

  • Services per Dependency Injection einbinden
  • Datenzugriff mit Entity Framework Core
  • Minimal API für Client-Anfragen
  • Asynchrone Ladezustände in Komponenten
  • Fehlerbehandlung bei API-Aufrufen

Authentifizierung und Autorisierung

  • ASP.NET Core Identity integrieren
  • Authentifizierungszustand in Razor-Komponenten
  • Zugriffsschutz mit Autorisierungsrichtlinien

Zustandsverwaltung

  • Sitzungszustand auf dem Server
  • Browser-Zustand für WebAssembly-Komponenten
  • Persistenter Zustand beim Render-Modus-Wechsel

Performance-Analyse

  • Render-Vorgänge mit Browserwerkzeugen untersuchen
  • Wiederholte Renderings von Komponenten
  • Übertragene Client-Assemblies analysieren
  • Startverhalten von WebAssembly-Komponenten

Veröffentlichung und Bereitstellung

  • Konfiguration für Zielumgebungen
  • Blazor Web App veröffentlichen
  • Serverdateien für die Bereitstellung
  • Client-Dateien für die Bereitstellung
  • Veröffentlichte Anwendung funktional prüfen
Zielgruppe
  • .NET-Entwickler mit Erfahrung in Webprojekten
  • C#-Entwickler für interaktive Benutzeroberflächen
  • Softwarearchitekten für Blazor-Entscheidungen
  • Full-Stack-Entwickler aus .NET-Teams
Das lernst du
  • Eine vollständige Blazor Web App mit C# umsetzen
  • Render-Modus pro Seite anhand des Datenflusses auswählen
  • Formulare mit eigenen Validierungsregeln entwickeln
  • Datenzugriff und Authentifizierung integrieren
  • Performance anhand gemessener Render-Vorgänge verbessern
  • Ausführbare Referenz für die technische Übergabe bereitstellen
So arbeiten wir

Kurze Fachinputs wechseln mit geführten Code-Übungen an einer durchgängigen Blazor Web App. Architekturvergleiche, Browser-Messungen und Code-Reviews begründen die Wahl von Render-Modus, Zustandsablage und Deployment. Entwicklungsumgebung und Übungsprojekt werden bereitgestellt.

Empfohlene Vorkenntnisse
  • C#-Kenntnisse auf dem Niveau des C# .NET Grundkurses
  • Grundkenntnisse in HTML, CSS, HTTP und ASP.NET Core
Dein Fahrplan

Aufbau der Blazor Web App und Entwicklung der zentralen Oberfläche.

  • .NET-10-Projektstruktur untersuchen
  • Razor-Komponenten mit Parametern entwickeln
  • EventCallbacks und Lebenszyklus verwenden
  • Routing und Layouts aufbauen
Organisatorisches

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

09:00-16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

Deine Vorteile

Zufriedenheitsgarantie

Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.

Inklusivleistungen

Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.

Lernen von Experten

Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.

Keine Vorkasse

Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.

Max. 8 Teilnehmende

Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.

Termine & Buchung

Leider haben wir aktuell keine Termine geplant. Es wird wahrscheinlich bei uns etwas schief gelaufen sein - bitte kontaktiere uns und wir finden den passenden Termin.

Nicht der passende Termin dabei?

Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.

Anfrage stellen
Inhouse & Firmenseminare

Lieber gleich das ganze Team schulen?

Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.

Beliebteste Wahl

Inhouse-Schulung

Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.

  • Inhalte exakt auf euch zugeschnitten
  • Termine nach euren Bedürfnissen
  • Günstiger ab mehreren Teilnehmern
  • Vertraute Umgebung, kein Reiseaufwand
Inhouse-Schulung anfragen

Firmen-Seminar

Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.

  • Geschlossene Gruppe aus eurem Haus
  • Individuelle Terminplanung
  • An unseren Standorten oder Live-Online
  • Angepasste Inhalte
Firmen-Seminar anfragen

Fragen und Antworten zu Blazor Schulung .NET 10: Full-Stack-Webanwendungen mit C#

Was ist Blazor in .NET 10?

Blazor ist ein Webframework in ASP.NET Core, das interaktive Oberflächen mit C# und Razor-Komponenten erstellt. .NET 10 verbindet statisches serverseitiges Rendering mit interaktiven Server- und WebAssembly-Modi in einer Blazor Web App. Einzelne Komponenten oder Seiten erhalten den Render-Modus, der zu ihrem Datenfluss passt.

Was ist der Unterschied zwischen Blazor Server, WebAssembly und SSR?

Blazor Server führt Komponentenlogik auf dem Server aus und überträgt UI-Ereignisse über eine Verbindung zum Browser. Blazor WebAssembly führt .NET-Code im Browser aus. SSR erzeugt HTML auf dem Server; interaktive Render-Modi ergänzen die benötigte Server- oder WebAssembly-Interaktion.

Welcher Blazor Render-Modus eignet sich für welche Seite?

Statisches SSR passt zu Seiten, die zuerst HTML ausliefern und wenig Interaktion benötigen. Interactive Server eignet sich für servernahe Datenzugriffe mit aktiver Verbindung. Interactive WebAssembly passt zu Funktionen, die nach dem Download im Browser laufen; Auto kombiniert den frühen Serverstart mit späterer Client-Ausführung.

Wie viel C#-Erfahrung brauche ich für die Blazor Schulung?

Sicherer Umgang mit C#, Klassen, Interfaces, asynchronen Methoden und Dependency Injection wird vorausgesetzt. Grundkenntnisse in ASP.NET Core, HTML und HTTP erleichtern den Einstieg in Rendering und Datenzugriff.

Muss ich ein Notebook oder eigene .NET-Lizenzen mitbringen?

Eine eingerichtete Entwicklungsumgebung wird für die Übungen bereitgestellt. Du brauchst weder ein eigenes Notebook noch eigene Softwarelizenzen mitzubringen.

Gibt es für das Blazor Training ein Zertifikat?

Für dieses Training ist keine offizielle Herstellerzertifizierung ausgewiesen. Welcher Teilnahme- oder Schulungsnachweis für deine Personalakte verfügbar ist, klärt die cmt vor der Buchung auf Anfrage.

Ist die Blazor Schulung als Inhouse-Training verfügbar?

Die Schulung ist als Inhouse- oder Firmenseminar verfügbar. Render-Entscheidungen, Authentifizierung und Deployment lassen sich nach Abstimmung an euren .NET-Stack und anonymisierte Projektfälle anpassen.

Weitere häufig gestellte Fragen und Antworten findest du in den FAQs.

Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert

Aus der Praxis für die Praxis

Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.

Individuell statt "Schema F"

Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.

Maximale Freiheit: Remote oder vor Ort

Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.

Mit Zufriedenheitsgarantie

Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.

NOCH FRAGEN?

Rufe mich an oder schreibe mir eine E-Mail.

Michaela Berger

Michaela Berger

Über 20.000 Unternehmen und Behörden vertrauen auf uns

Alle Referenzen
Siemens Logo
Telekom Logo
Rheinmetall Logo
Infineon Logo
MAN Logo
Fraunhofer Logo
ADAC Logo
Munich Re Logo
Deutsche Bahn Logo