Progressive Web Application Entwicklung mit EF Core und Blazor

Ziele

In dieser 3-tägigen Schulung "Progressive Web Application Entwicklung mit EF Core und Blazor" erhalten Sie eine umfassende Einführung in die Erstellung moderner Progressive Web Applications (PWAs) mit Blazor. Blazor ist ein clientseitiges UI-Framework, das die Entwicklung reichhaltiger Web-UI-Erlebnisse mit HTML, CSS und C# ermöglicht. Durch die Verwendung von WebAssembly kann C#-Code direkt im Browser ausgeführt werden, was die Entwicklung von Webanwendungen mit einer einheitlichen Sprache für Front- und Back-End ermöglicht.

Sie lernen, wie Sie mit Blazor PWAs erstellen können, die ein App-ähnliches Erlebnis auf einer Website bieten und sich wie native Desktop- oder Mobile-Apps verhalten. Dabei werden wichtige Themen wie die Verwendung des Entity Framework-Pakets zur Arbeit mit Datenbanken auf der Server-Seite, die Installation der erforderlichen Pakete für die Entwicklung von Blazor-Anwendungen auf der Client-Seite und die Nutzung von Komponenten, Diensten, Dependency Injection, JavaScript-Interaktion, Layout und Routing behandelt.

Nach Abschluss des Kurses werden Sie über solide Kenntnisse und Fähigkeiten verfügen, um Progressive Web Applications mit Blazor zu entwickeln. Der Kurs richtet sich an Entwickler und Softwareingenieure, die bereits über grundlegende Kenntnisse in der Webentwicklung und C# verfügen und ihr Wissen und ihre Fähigkeiten in der Entwicklung von PWAs mit Blazor erweitern möchten.

Zielgruppe

• Entwickler

Voraussetzungen

• Entwicklungserfahrung mit dem .NET-Framework und C#
• Grundkenntnisse in JavaScript sind hilfreich

Agenda

Einführung in Blazor, Entity Framework Core und Progressive Web Apps

• Was ist Microsoft Blazor
• Was ist Entity Framework Core
• Was sind Progressive Web Apps (PWAs)
• Vergleich von Blazor mit Angular und React
• Was sind Progressive Web Apps (PWAs)
• Die Beziehung zwischen C#, LINQ, Entity Framework Core, JavaScript, HTML und Razor

Installation der Packages und Arbeiten mit Git

• Blazor
• Entity Framework Core
• ODP.NET für Oracle
• Arbeiten mit Git auf Azure DevOps Services

Erste Schritte mit dem Entity Framework Core

• Entity Framework Core im Überblick
• Installieren vom Entity Framework Core
• Modellierung mit Code First
• Modellierung mit Database First
• Fluent API verwenden

Abfragen und Speichern von Daten mit Entity Framework Core

• Grundlegende Abfragen mit LINQ
• Aufrufen von Stored Procedures
• Verwenden von Include und Then Include
• Steuern des Tracking-Verhaltens
• Änderungen abspeichern
• Durchführen von Bulk Insert
• Transaktionen implementieren

Erste Schritte mit Blazor

• Erstellen einer Blazor Hello World-Anwendung
• Verstehen der Razor-Grundlagen

Arbeiten mit Blazor-Komponenten

• Arbeiten mit Komponenten in Blazor
• C# in Komponenten verwenden
• Komponenten parametrisieren
• Verstehen des Lebenszyklus von Komponenten
• Bindung - Einseitige Datenbindung
• Bindung - Zwei-Wege-Datenbindung
• Bindung - Ereignisbindung

Vertiefte Blazor-Komponenten-Konzepte

• Rohes HTML rendern
• Rendering von Child-Inhalten
• RenderFragment verwenden
• RenderTreeBuilder verwenden
• Verwendung von @key und @attribute

Layout und Routing

• Erstellen eines Master-Layouts
• Routing implementieren
• URL-Helfer verwenden

Formlare und Validierung

• EditForm verwenden
• Formularvalidierung implementieren
• @ref verwenden
• Routing

Injektion von Abhängigkeiten & JSInterop

• Verständnis von Dependency Injection (DI)
• DI mit Standarddienst
• DI mit benutzerdefiniertem Dienst
• Aufrufen einer JavaScript-Funktion
• C#-Aufruf aus JavaScript

Debugging & Bereitstellung

• Debuggen einer Blazor-Anwendung
• Deployment einer Blazor-Applikation
• Upgraden einer Blazor-Applikation

Sichern einer Blazor-Applikation

• Blazor-Authentifizierung
• ASP.NET Core-Identität und JWT verwenden

Best Practices

• Projektstruktur
• Optimieren der Startup-Zeit
• Optimieren der Rendering-Performance
• Optimieren der Downloadgröße der Anwendung

Progressive Web Apps (PWAs) Überblick

• Die Eigenschaften einer Progressive Web App verstehen
• Erste Schritte mit einer Blazor PWA
• Wann man Offline-Apps erstellen sollte
• Service Worker verwenden
• Anpassen des Designs der Anwendung
• Hinzufügen von Push-Benachrichtigungen
• Caching steuern

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges