Progressive Web Application Entwicklung mit EF Core und Blazor

Classroom Schulung | Deutsch | Anspruch

Schulungsdauer: 3 Tage

Ziele

Blazor ist ein clientseitiges UI-Framework, das zur Entwicklung reichhaltiger Web-UI-Erlebnisse mit HTML, CSS und C# benutzt wird. Blazor verwendet WebAssembly, um C#-Code im Browser auszuführen, so dass das Front- und Back-End der Webanwendung in derselben Sprache geschrieben werden können.

In dieser Schulung "Progressive Web Application Entwicklung mit EF Core und Blazor" lernen Sie, wie Sie moderne Progressive Web Applications (PWAs) mit Blazor erstellen können. Sie lernen, wie man mit PWAs ein App-ähnliches Erlebnis auf einer Website schafft, das sich wie eine native Desktop-/Mobile-App verhält und anfühlt.

Sie lernen:

  • Installieren und Verwenden des Entity Framework-Pakets für die Arbeit mit Datenbanken auf der Server-Seite
  • Pakete zu installieren, die für die Entwicklung von Blazor-Anwendungen auf der Client-Seite erforderlich sind
  • Komponenten, Dienste, Dependency Injection, Ineraktion mit JavaScript, Layout und Routing zu verwenden

Zielgruppe

Java/.NET- Entwickler, welche Web-Applikationen mit HTML, CSS und C# entwickeln wollen

Voraussetzungen

  • Die Teilnehmer müssen über Entwicklungserfahrung mit dem .NET-Framework und C# verfügen.
  • Grundkenntnisse in JavaScript sind hilfreich, aber nicht notwendig

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

Ziele

Blazor ist ein clientseitiges UI-Framework, das zur Entwicklung reichhaltiger Web-UI-Erlebnisse mit HTML, CSS und C# benutzt wird. Blazor verwendet WebAssembly, um C#-Code im Browser auszuführen, so dass das Front- und Back-End der Webanwendung in derselben Sprache geschrieben werden können.

In dieser Schulung "Progressive Web Application Entwicklung mit EF Core und Blazor" lernen Sie, wie Sie moderne Progressive Web Applications (PWAs) mit Blazor erstellen können. Sie lernen, wie man mit PWAs ein App-ähnliches Erlebnis auf einer Website schafft, das sich wie eine native Desktop-/Mobile-App verhält und anfühlt.

Sie lernen:

  • Installieren und Verwenden des Entity Framework-Pakets für die Arbeit mit Datenbanken auf der Server-Seite
  • Pakete zu installieren, die für die Entwicklung von Blazor-Anwendungen auf der Client-Seite erforderlich sind
  • Komponenten, Dienste, Dependency Injection, Ineraktion mit JavaScript, Layout und Routing zu verwenden

Zielgruppe

Java/.NET- Entwickler, welche Web-Applikationen mit HTML, CSS und C# entwickeln wollen

Voraussetzungen

  • Die Teilnehmer müssen über Entwicklungserfahrung mit dem .NET-Framework und C# verfügen.
  • Grundkenntnisse in JavaScript sind hilfreich, aber nicht notwendig

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

Tags

Diese Seite weiterempfehlen