Schulung · Workshop · Coaching · Beratung

.NET MAUI mit Blazor Schulung: eine Codebasis für App und Web

.NET MAUI Programmierung mit Blazor: eine Codebasis für App und Web

Dauer: ab 1 Tag (8 UE) | Preis: ab 900 EUR (netto) | Live online oder vor Ort | Termin nach Vereinbarung

Mit .NET MAUI und Blazor Hybrid entsteht eine Anwendung, die als native App auf Android, iOS, Windows und macOS läuft und dieselben Razor-Komponenten auch im Browser nutzt – Sie lernen, sie sauber zu schneiden.

Gesamtpreis für bis zu 3 Teilnehmende · Unverbindliche Anfrage · Keine Vorkasse

Eine Razor-Komponente, drei Zielplattformen: wie .NET MAUI und Blazor zusammenarbeiten

.NET MAUI mit Blazor Hybrid lohnt sich vor allem dort, wo ein Team ohnehin C# und Razor beherrscht und eine interne Anwendung gleichzeitig im Browser, auf dem Smartphone und am Windows-Arbeitsplatz braucht. Die Oberfläche entsteht einmal als Razor-Komponenten, die in einer BlazorWebView innerhalb der nativen App laufen – mit vollem Zugriff auf Kamera, Standort, Dateisystem und Sensoren über die Plattform-APIs von .NET MAUI. Eine zweite Codebasis für die Web-Version entfällt, wenn die Lösung von Anfang an richtig geschnitten ist.

Der Ablauf folgt diesem Aufbau: Zunächst klären wir, wann eine Hybrid-App die richtige Wahl ist und wie sie intern aufgebaut ist, kombinieren MAUI-Seiten mit Blazor-Seiten und übergeben Daten in beide Richtungen. Danach gestalten Sie eine mobile Oberfläche – mit Komponentenbibliotheken wie MudBlazor oder Fluent UI Blazor oder mit Ionic-Web-Components – und lösen das Navigationsproblem mit einem einheitlichen Navigationsdienst. Im dritten Teil entsteht aus der Vorlage „.NET MAUI Blazor Hybrid and Web App“ eine Lösung mit gemeinsamer Razor-Klassenbibliothek, plattformspezifischen Diensten, lokaler Datenhaltung in SQLite und IndexedDB sowie Offline-Fähigkeit im Browser. Zum Schluss binden Sie ein Backend an und melden Benutzer:innen mit Auth0 oder Microsoft Entra ID an.

Für die Arbeit mit Copilot in Visual Studio ist die gemeinsame Razor-Klassenbibliothek die kritische Stelle: Eine Änderung, die im Browser funktioniert, kann auf Android an fehlenden Berechtigungen oder an einer nicht vorhandenen Browser-API scheitern. Wir richten deshalb ein, dass jede vom Agenten vorgeschlagene Änderung für alle Zielframeworks gebaut und mit bUnit-Tests geprüft wird, und legen fest, welche Dateien – Manifest, Info.plist, plattformspezifischer Code – nur nach manueller Prüfung geändert werden.

Sie sollten C# und die Grundlagen von Blazor oder ASP.NET Core kennen. Für iOS- und macOS-Builds ist ein Mac erforderlich; ohne ihn konzentrieren wir die Übungen auf Android, Windows und den Browser und zeigen den Apple-Teil am Trainerrechner.

Hybrid-Projekte scheitern selten an MAUI oder an Blazor, meist dagegen an einer unklaren Grenze: Irgendwann ruft eine Razor-Komponente direkt Geolocation auf, und die Web-Version kompiliert nicht mehr. Wer Plattformzugriffe von Anfang an hinter Schnittstellen legt, die App und Website jeweils selbst implementieren, behält eine echte gemeinsame Codebasis. Alle anderen pflegen nach einem Jahr zwei Anwendungen, die nur noch zufällig ähnlich aussehen.

Was Sie danach können

  • Sie entscheiden begründet, ob eine Anforderung zu .NET MAUI mit Blazor Hybrid passt
  • Sie strukturieren eine Lösung mit gemeinsamer Razor-Klassenbibliothek für App und Web
  • Sie kapseln native APIs hinter Schnittstellen und implementieren sie je Plattform
  • Sie speichern Daten offline in SQLite oder IndexedDB und synchronisieren sie mit einem Backend
  • Sie binden Auth0 oder Microsoft Entra ID an und rufen geschützte APIs mit Tokens auf

Zielgruppe und Voraussetzungen

  • C#- und Blazor-Entwickler:innen, die mobile und Desktop-Apps aus derselben Codebasis bauen wollen
  • Teams, die Xamarin.Forms-Apps auf .NET MAUI migrieren und dabei Web-Oberflächen wiederverwenden
  • Entwickler:innen interner Unternehmensanwendungen mit Bedarf an Offline-Nutzung
Themen und Inhalte für Ihre Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung:

.NET MAUI Programmierung mit Blazor: eine Codebasis für App und Web

.NET MAUI und Blazor Hybrid verstehen
  • Stärken von Blazor und .NET MAUI: C# und Razor auf Mobilgerät, Desktop und im Web
  • Webentwicklung für mobile Anwendungen: Web-Oberfläche in nativer Hülle statt WebView-Wrapper
  • Wann eine .NET MAUI Blazor App passt – und wann eher native MAUI-XAML oder eine PWA
  • Architektur: BlazorWebView, RootComponents und der Blazor-Renderer im App-Prozess
  • Einordnung: Xamarin.Forms abgekündigt, Migration bestehender Apps auf .NET MAUI
  • Projekt anlegen mit dotnet new maui-blazor und Workloads per dotnet workload install maui
MAUI-Seiten, Blazor-Seiten und native APIs
  • MAUI-Seiten und Blazor-Seiten kombinieren: BlazorWebView in XAML-ContentPage einbetten
  • Daten übergeben über Dependency Injection, gemeinsame Zustandsdienste und Parameter
  • Zugriff auf native APIs aus Razor-Komponenten: Geolocation, Kamera, Dateien, Konnektivität
  • Berechtigungen zur Laufzeit anfordern und in Manifest und Info.plist deklarieren
  • Zwischen MAUI- und Blazor-Seiten navigieren und dabei Daten mitgeben
  • Fehler in der WebView finden mit AddBlazorWebViewDeveloperTools und Browser-Entwicklertools
Mobiles UI-Styling in .NET MAUI Blazor
  • UI-Alternativen: eigenes CSS, MudBlazor, Fluent UI Blazor, Radzen oder Ionic-Web-Components
  • Ionic mit Blazor: npm-Bibliotheken einbinden und statische Assets in wwwroot bereitstellen
  • Ionic-Syntax in Razor-Seiten einsetzen: Web Components, Attribute und Ereignisse
  • Ionic-Navigationsleiste mit dem Blazor-Router verbinden
  • Übung: eine Notizliste mit Ionic-Listen, Swipe-Aktionen und Blazor-Datenbindung
  • Safe Areas, Dark Mode und Schriftgrößen des Systems im CSS berücksichtigen
Navigation in Hybrid-Apps
  • Warum die Navigation in .NET MAUI Blazor Apps ein Problem ist: Router, Zurück-Taste, Shell
  • Einheitlichen Navigationsdienst entwerfen, der Blazor-Routen und MAUI-Seiten kapselt
  • Hardware-Zurück-Taste unter Android und Wischgesten unter iOS korrekt behandeln
  • Deep Links und App Links auf Blazor-Routen abbilden
Eine Lösung für Web und App
  • Eine einzige Website für alle Fälle: Vorlage „.NET MAUI Blazor Hybrid and Web App“
  • Render-Modi der Blazor Web App: statisches SSR, Interactive Server, WebAssembly, Auto
  • Und die nativen APIs? Plattformdienste hinter Schnittstellen, je Host eigene Implementierung
  • Razor-Klassenbibliotheken für gemeinsame Komponenten, Stile und statische Assets
  • UI-Unterschiede zwischen Website und App per Form-Factor-Dienst und CSS-Klassen abbilden
Lokale Daten und Offline-Betrieb
  • Lokale Daten in der App speichern: Preferences, SecureStorage und SQLite
  • Datenzugriff mit EF Core und SQLite oder sqlite-net in der MAUI-App
  • Probleme mit der Aktualität: Cache-Invalidierung, Versionen und Updates im Store
  • HTML5 Service Worker und WebAssembly: Web-Version als installierbare PWA
  • IndexedDB über JavaScript-Interop für Offline-Daten im Browser implementieren
  • Synchronisation lokaler Änderungen mit dem Server und Konfliktbehandlung
Interaktion mit einem Backend
  • ASP.NET Core Minimal API als Backend, HttpClient über IHttpClientFactory einbinden
  • Auth0 einrichten: Anwendung, Callback-URLs und API registrieren
  • Authentifizierung mit Auth0 per OpenID Connect und WebAuthenticator implementieren
  • Alternativ Anmeldung über Microsoft Entra ID mit MSAL.NET
  • Das Access Token verwenden: DelegatingHandler, Ablauf, Refresh Token in SecureStorage
  • Angemeldeten Zustand in Blazor über AuthenticationStateProvider abbilden
Testen, Bauen und Verteilen
  • Razor-Komponenten mit bUnit testen, Plattformdienste per Mock ersetzen
  • Builds je Zielframework mit dotnet build -f net10.0-android und Fehlerbilder je Plattform
  • Veröffentlichen als APK/AAB, MSIX und für iOS; Web-Version auf Azure App Service
  • Startzeit und Größe optimieren: Trimming, AOT-Optionen und Lazy Loading
.NET MAUI Blazor Apps mit Copilot in Visual Studio entwickeln
  • Agentenänderungen an der Razor-Klassenbibliothek für alle Zielframeworks und die Web-App bauen lassen
  • bUnit-Tests als Abnahme: Komponente erst übernehmen, wenn sie in App- und Web-Host besteht
  • Plattformzugriffe aus Vorschlägen hinter Schnittstellen verschieben statt direkt in Razor aufzurufen
  • AndroidManifest.xml, Info.plist und Code unter Platforms/ nur nach manueller Prüfung ändern
  • Veraltete Xamarin.Forms- und Device.BeginInvokeOnMainThread-Muster in Vorschlägen ersetzen
Praxisprojekt: Wartungsprotokoll für Außendiensttechniker:innen
  • Gemeinsame Razor-Komponenten für Auftragsliste, Formular und Fotodokumentation
  • Kamera und Standort in der App, Datei-Upload als Ersatz in der Web-Version
  • Offline erfassen in SQLite bzw. IndexedDB und bei Verbindung mit der API synchronisieren
  • Anmeldung mit Auth0, Build für Android und Windows sowie Bereitstellung der Web-App

*) Die Inhalte werden individuell abgestimmt und mit Praxisbeispielen abgerundet.

Ein Symbol für einen Kalender.

Offene Termine

Kostenlose Reservierung
Ein Symbol für Angebot erhalten.

Unser Angebot

Individuelle Schulung für Einzelpersonen und Teams – live online oder vor Ort.

Dauer

Ein Symbol für Dauer.
ab 1 Tag (8 UE)

Die Dauer richtet sich nach Ihren Inhalten.

Preis

Ein Symbol für Preis.
ab 900 EUR (Nettopreis)
ab 1.071 EUR (Bruttopreis)

Die Preise verstehen sich bei Unternehmern gemäß § 14 BGB zzgl. MwSt. Der dargestellte Ab-Preis gilt für firmeninterne Veranstaltungen und entspricht dem niedrigsten Gesamtpreis für Veranstaltungen mit bis zu drei (3) Teilnehmenden.

Termin

Ein Symbol für einen Kalender.
Ganztägig + halbtägig
nach Vereinbarung

Ganztägig oder halbtägig nach Vereinbarung, live online oder vor Ort.

Ihre Vorteile

Ein Symbol für ein Vorgespräch durchführen.
Persönliches Vorgespräch
Ein Symbol für die individuelle Vorbereitung.
Individuelle Vorbereitung
Ein Symbol für Experten aus der Praxis.
Experten aus der Praxis
Ein Symbol für ein Zertifikat.
Inklusive Zertifikat

Unsere Garantien

1. Relevanz-Garantie

Wir passen den Inhalt spezifisch an die Bedürfnisse jedes Teilnehmers an. Irrelevante Themen werden ausgespart, um den größtmöglichen Nutzen zu garantieren.

2. Qualitäts-Garantie

Durch regelmäßiges Feedback optimieren wir unsere Schulungen kontinuierlich und garantieren Ihnen ein Lernerlebnis der Extraklasse.

3. Zufriedenheits-Garantie

Unsere Zufriedenheitsgarantie spricht für sich – bei Unzufriedenheit entstehen Ihnen keine Kosten.

Wir helfen gerne weiter!

Rufen Sie uns an, schreiben eine E-Mail oder nutzen das Kontaktformular.

Schulung anfragen

Unverbindlich · Keine Vorkasse

Einige Unternehmen, für die wir tätig waren

Federal-Mogul Wiesbaden GmbH

objectflor GmbH

WhereGroup GmbH & Co. KG

Teilnehmer

Feedback

Herr Hecker ist sehr gut auf individuelle Wünsche, Fragen und Anregungen eingegangen. Eine sehr informative, interessante und gelungene Veranstaltung.
Teilnehmer

Feedback

Herr Hecker hat das Thema sehr anschaulich dargestellt und ist auf alle Fragen eingegangen. Ich fühle mich jetzt gut vorbereitet, um durchzustarten.
Teilnehmer

Feedback

Die gelassene, professionelle Art hat mir gut gefallen. Kompetent, engagiert, professionell. Gute Beispiele, sympathisches Auftreten. Eigene Themenideen wurden aufgegriffen.
Unser Angebot für Ihre firmeninterne Beratung, Coaching, Workshop, Training und Weiterbildung

Lösungen für Ihren Bedarf an Coaching, Workshop, Training, Schulung und Weiterbildung

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 600 IT-, Online- und Digital-Beratungsleistungen.
Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

✓
Ein Symbol für eine einzelne Person.

Für eine Person

Training & Coaching für Einzelpersonen

  • Passgenaue Inhalte auf den einzelnen Teilnehmer zugeschnitten
  • Ein sehr effektives Format, das schnell Ergebnisse bringt
  • Individuelles Training und Coaching motivieren und wirken
Jetzt anfragen
✓
Ein Symbol für eine Gruppe von Personen.

Für eine Gruppe

Training & Workshops für Teams und Abteilungen

  • Bedarfsgerechte Inhalte auf die Herausforderung der Praxis zugeschnitten
  • Konsequente Praxisorientierung, modernste Techniken und Tools
  • Neue Fähigkeiten und Kenntnisse nachhaltig in den Arbeitsalltag integrieren
Jetzt anfragen
✓
Ein Symbol für ein Unternehmen.

Für eine Firma

Training-Komplett-Lösungen für Ihr Unternehmen‍

  • Ganzheitliche Konzepte für Ihre Mitarbeiterentwicklung
  • Individueller Skill-Katalog zur Erweiterung Ihres internen Weiterbildungsangebots
  • Nachhaltige Personalentwicklung realisieren
Jetzt anfragen

So wird daraus Ihre Firmenschulung

1. Bedarf klären: Im kostenlosen Vorgespräch besprechen wir Ziele, Vorkenntnisse und Praxisaufgaben.

2. Angebot abstimmen: Inhalte, Format (live online oder vor Ort), Dauer und Preis legen wir gemeinsam fest.

3. Schulung durchführen: Sie arbeiten an Übungen aus Ihrem Alltag oder an einem neutralen Beispiel und nehmen konkrete nächste Schritte mit.

Häufige Fragen zur Schulung

Gilt der Ab-Preis pro Person oder für die Veranstaltung?

Die 900 EUR netto sind der niedrigste Gesamtpreis für eine firmeninterne Veranstaltung mit bis zu drei Teilnehmenden. Größere Gruppen und einen anderen Umfang bieten wir individuell an. Der verbindliche Preis steht in Ihrem Angebot.

Können wir eigene Aufgaben einbringen?

Ja. Welche Aufgaben sich eignen, welche Zugänge nötig sind und wie wir die Vertraulichkeit sichern, klären wir im Vorgespräch. Alternativ arbeiten wir an einem neutralen Beispiel.

Ist die Anfrage schon eine Buchung?

Nein. Sie erhalten zuerst ein abgestimmtes Angebot und entscheiden dann über die Beauftragung. Eine Vorkasse gibt es nicht.

Ihre unverbindliche und kostenlose Schulungsanfrage zum Thema

.NET MAUI Programmierung mit Blazor - Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung

Schildern Sie uns kurz Ihren Bedarf. Ziele, Inhalte und Termin stimmen wir persönlich mit Ihnen ab.

Ich interessiere mich für den Termin:

Termin anfragen

Das Angebot von "HECKER CONSULTING" richtet sich ausschließlich an Unternehmen und Behörden (iSv § 14 BGB). Verbraucher (§ 13 BGB) sind vom Vertragsschluss ausgeschlossen. Mit Absendung der Anfrage bestätigt der Anfragende, dass er nicht als Verbraucher, sondern in gewerblicher Tätigkeit handelt. § 312i Abs. 1 S. 1 Nr. 1-3 und S. 2 BGB (Pflichten im elektronischen Geschäftsverkehr) finden keine Anwendung.

Vielen Dank, Ihre Nachricht wurde empfangen!
Beim Absenden des Formulars ist etwas schiefgelaufen.
Beratung, Coaching, Workshop, Training, Schulung

Ähnliche Leistungen, die Sie interessieren könnten.

Wir erweitern ständig unser Beratungsportfolio. Über 600 IT-, Online-, Digital-Beratungsleistungen haben wir für Sie im Programm. Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Beratung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Mehr IT-, Online-, Digital-Beratungsleistungen anzeigen >>
Nach oben