Blazor: Moderne Full-Stack Webentwicklung mit C#

Passt der Kurs zu dir?

1. 1
   Arbeitgeber erwarten von Web Developern häufig eine Aus- oder Weiterbildung in Informatik oder ein Studium; ohne Abschluss zeigt ein Portfolio mit eigenen Projekten, was du kannst.
2. 2
   Ein Rechner mit aktuellem Browser, Code-Editor und Git, auf dem du Werkzeuge wie Node.js selbst installieren darfst.
3. 3
   Kenntnis der Barrierefreiheitspflichten, wenn du Online-Shops oder Buchungsstrecken für Verbraucher baust.

Das lernst du

1. 1
   Einführung in Blazor: Überblick und Bedeutung
2. 2
   Was ist Blazor und warum ist es wichtig?
3. 3
   Definition und Hintergrund: Blazor als Teil des.NET-Frameworks, ermöglicht die Entwicklung interaktiver Webanwendungen mit C#.
4. 4
   Bedeutung und Vorteile: Verwendung von C# anstelle von JavaScript für die Client-Seite, Unterstützung für WebAssembly.
5. 5
   Vergleich mit anderen Frameworks: Unterschiede und Vorteile gegenüber Angular, React und Vue.js.
6. 6
   Grundlagen der Blazor-Installation und -Einrichtung
7. 7
   Installation und Konfiguration
8. 8
   Systemanforderungen und unterstützte Plattformen: Hardware- und Softwarevoraussetzungen.
9. 9
   Installation von.NET SDK und Blazor-Tools: Schritt-für-Schritt-Anleitung zur Einrichtung.
10. 10
    Erste Konfiguration: Erstellung eines neuen Blazor-Projekts, Überblick über Projektstruktur und Komponenten.
11. 11
    Grundlegende Bedienung und Funktionen
12. 12
    Basis-Funktionen und Architektur
13. 13
    Einführung in die Blazor-Architektur: Komponentenmodell, Razor-Syntax, Datenbindung.
14. 14
    Grundlegende Konzepte: Blazor Server vs. Blazor WebAssembly, Lifecycle-Methoden, Event-Handling.
15. 15
    Verwendung von Blazor: Erstellen und Verwalten von Blazor-Komponenten und -Anwendungen.
16. 16
    Erste Schritte mit Blazor
17. 17
    Einfache Blazor-Komponenten
18. 18
    Erstellung und Integration von Komponenten: Syntax, Parameterübergabe, Datenbindung.
19. 19
    Einführung in die Navigation und Routing: Konfiguration, Link-Komponenten, Parameterübergabe.
20. 20
    Anwendung von Blazor in der Praxis: Aufbau einfacher Webanwendungen.
21. 21
    Praxisübung 1: Einrichtung und Grundkonfiguration von Blazor
22. 22
    Ziel der Übung: Anwendung der erlernten Techniken zur Einrichtung und Grundkonfiguration von Blazor.
23. 23
    Projektbeschreibung: Teilnehmer erstellen ein neues Blazor-Projekt und entwickeln erste Komponenten.
24. 24
    Anforderungen: Nutzung der grundlegenden Funktionen und Befehle von Blazor.
25. 25

    Schritt-für-Schritt-Anleitung

    Vorbereitung: Einführung in die Projektanforderungen, Einrichtung der Entwicklungsumgebung.
    Durchführung: Installation von Blazor, Erstellung einfacher Komponenten und Navigationselemente.
    Präsentation: Vorstellung der Ergebnisse durch die Teilnehmer.
    Tools:.NET SDK, Visual Studio oder Visual Studio Code, Blazor-Tools.

26. 26

    Ergebnisse und Präsentation

    Präsentation der eingerichteten Umgebung und der ersten Blazor-Komponenten.
    Diskussion und Feedback: Analyse der Ergebnisse und Verbesserungsvorschläge.
    Erweiterte Blazor-Techniken
    Komplexe Komponenten und Datenbindung
    Nutzung komplexerer Datenbindung: Two-Way-Datenbindung, Binding an komplexe Datenstrukturen.
    Zustandsmanagement: Verwendung von StateHasChanged, Dependency Injection, Services.
    Fehlerbehandlung und Debugging: Einbau von Fehlerbehandlungsmechanismen, Debugging-Techniken.
    Integration und Verwaltung
    Integration mit Backend-Services
    Anbindung an APIs: Verwendung von HTTP-Clients, RESTful APIs, SignalR für Echtzeitkommunikation.
    Sicherheit und Authentifizierung: Implementierung von Authentifizierungs- und Autorisierungsmechanismen.
    Nutzung von Datenbanken: Integration mit Entity Framework Core, Datenzugriff und Verwaltung.
    Scripting und Automatisierung
    Automatisierung von Build- und Deploy-Prozessen
    Einführung in CI/CD-Pipelines: Grundlagen und Einrichtung von automatisierten Workflows.
    Erstellung und Verwendung von Unit-Tests: Testgetriebene Entwicklung (TDD), Testautomatisierung.
    Erweiterte Scripting-Techniken: Verwendung von CLI-Tools, Skripting für wiederkehrende Aufgaben.
    Analyse und Optimierung von Blazor-Projekten
    Performance-Optimierung
    Überwachung und Optimierung der Ladezeiten: Lazy Loading, Pre-Rendering, Caching.
    Protokollierung und Fehlersuche: Methoden zur Fehleranalyse und -behebung.
    Optimierung von Projekten: Best Practices zur Verbesserung der Codequalität und Wartbarkeit.
    Praxisübung 2: Erweiterte Blazor-Komponenten und Integration
    Ziel der Übung: Anwendung der erlernten Techniken zur Entwicklung erweiterter Blazor-Komponenten und Integration mit Backend-Services.
    Projektbeschreibung: Teilnehmer entwickeln komplexe Blazor-Komponenten und integrieren sie mit APIs und Datenbanken.
    Anforderungen: Nutzung der erweiterten Funktionen und Techniken von Blazor.
    Vorbereitung: Einführung in die Projektanforderungen, Einrichtung der Backend-Integration.
    Durchführung: Erstellung und Konfiguration erweiterter Komponenten, Implementierung von Datenbindung und Authentifizierung.
    Tools:.NET SDK, Visual Studio oder Visual Studio Code, Blazor-Tools, API-Clients.
    Präsentation der erstellten Blazor-Komponenten und durchgeführten Integrationen.
    Blazor-WebAssembly vs. Blazor Server
    Unterschiede und Anwendungsfälle
    Vergleich von Blazor WebAssembly und Blazor Server: Architektur, Performance, Skalierbarkeit.
    Auswahlkriterien: Wann welches Modell verwenden, Vor- und Nachteile.
    Praxisbeispiele: Implementierung beider Modelle in unterschiedlichen Szenarien.
    Blazor und moderne Webtechnologien
    Integration mit modernen Webtechnologien
    Nutzung von JavaScript Interop: Integration von JavaScript-Bibliotheken und -Funktionen.
    Verwendung von CSS-Frameworks: Einbindung von Bootstrap, Material Design, Tailwind CSS.
    Progressive Web Apps (PWA): Umsetzung von PWAs mit Blazor, Offline-Funktionalität, Installation.
    Blazor-Projektmanagement und Best Practices
    Effektives Projektmanagement
    Nutzung von Versionskontrollsystemen: Git und GitHub, Branching-Strategien.
    Projektstrukturierung und -dokumentation: Best Practices für sauberen und wartbaren Code.
    Deployment-Strategien: Veröffentlichung und Skalierung von Blazor-Anwendungen, Nutzung von Azure, Docker.
    Praxisübung 3: Komplexe Blazor-Projekte und moderne Webtechnologien
    Ziel der Übung: Anwendung der erlernten Techniken zur Integration moderner Webtechnologien in Blazor-Projekte.
    Projektbeschreibung: Teilnehmer entwickeln komplexe Blazor-Projekte, die JavaScript-Interop, CSS-Frameworks und PWA-Funktionalitäten integrieren.
    Anforderungen: Nutzung der erweiterten Funktionen und modernen Technologien in Blazor.
    Vorbereitung: Einführung in die Projektanforderungen, Einrichtung der modernen Technologien.
    Durchführung: Integration von JavaScript-Bibliotheken, CSS-Frameworks und PWA-Features in Blazor-Projekte.
    Tools:.NET SDK, Visual Studio oder Visual Studio Code, Blazor-Tools, JavaScript-Bibliotheken, CSS-Frameworks.
    Präsentation der erstellten Blazor-Projekte mit modernen Webtechnologien.

1. 1

   Köln

   16.11.2026 · Seminar · Vollzeit · bis 1 Woche · 1.000–5.000 €

2. 2

   Online

   16.11.2026 · Online-Seminar · Vollzeit · bis 1 Woche · 1.000–5.000 €

3. 3

   Köln

   15.02.2027 · Seminar · Vollzeit · bis 1 Woche · 1.000–5.000 €

4. 4

   Online

   15.02.2027 · Online-Seminar · Vollzeit · bis 1 Woche · 1.000–5.000 €

Förderwege

Wer deinen Kurs zahlt

Brutto im Monat

Mitte und Viertel bundesweit

3 Schritte vom Kurs in den Beruf

1. 1

   Seiten für jedes Gerät bauen

   Mit Flexbox, Grid und Media Queries passt du Layouts an Smartphone, Tablet und Desktop an. Laut Berufsprofil sorgen Web Developer dafür, dass Inhalte bei unterschiedlichen Bildschirmauflösungen gleichermaßen dargestellt werden. Beispiel: Du baust die Speisekarte eines Restaurants so, dass sie auf dem Handy ohne Zoomen lesbar ist.

2. 2

   Barrierefrei entwickeln

   Das Barrierefreiheitsstärkungs­gesetz verlangt barrierefreie Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher, etwa Online-Shops. Du übst dafür semantisches HTML, Tastaturbedienung, Alternativtexte und ausreichende Kontraste. Beispiel: Du ergänzt das Bestellformular eines Shops um Beschriftungen, die ein Screenreader vorliest.

3. 3

   Daten aus APIs anzeigen

   Kurse zu REST, GraphQL und Echtzeitanwendungen zeigen, wie dein Frontend Daten vom Server lädt, Fehler abfängt und Ansichten ohne Neuladen aktualisiert. Beispiel: Du baust eine Übersicht, die den Lieferstatus aus der Schnittstelle eines Paketdienstes laufend anzeigt.

Themen

Arbeitsmarkt

Web Developer bundesweit in Zahlen