+49 911 65008-222 info@it-seminare.de

Blazor Server Kompaktkurs

Seminardauer: 4 Tage

Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar "Blazor Server Kompaktkurs" erfahren Sie, wie Sie Benutzeroberflächen-Anwendungen mit den gleichen komponentenbasierten Ansätzen entwickeln, die auch von Frameworks wie Angular und React bekannt sind, jedoch unter Verwendung von C#. Zudem lernen die Teilnehmer, wie man serverseitigen Code mit ASP.NET Core Web APIs und SignalR erstellt, um Daten für Blazor WebAssembly-Anwendungen bereitzustellen.

Teilnehmer - Zielgruppe

Entwickler aus dem .NET Bereich

Kurs - Voraussetzungen

  • Erfahrung in C#
  • HTML-, CSS- und JavaScript-Entwicklungserfahrung
  • Erfahrung in ASP.NET Core

Seminardauer

  • 4 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Einführung

  • Was ist Blazor?
  • Blazor-Hosting-Modelle
  • Blazor Server vs. Blazor WebAssembly?
  • Server-Model
    • Server-Model vs. JavaScript
    • UI-Server-Ausführung und Web-Sockets
    • Skalierbarkeit und Deployment
  • WebAssembly Model
    • Was ist WebAssembly?
    • Browser-Kompatibilität
    • Web Assembly Model vs. JavaScript
    • Wie läuft .NET Core / C# in einem Webbrowser?
    • Skalierbarkeit und Deployment

Blazor Server-Anwendung

  • Projekt-Vorlage
  • Anwendung erstellen
  • Blazor Server hosten
  • Konfiguration
  • Injektion von Abhängigkeiten
  • Umgebungen
  • Logging
  • Fehlerbehandlung
  • Fehlersuche

Razor-Komponenten und Datenbindung

  • Was ist eine Komponente?
  • Erstellen eines Datenmodells
  • Binden des Datenmodells an das HTML
  • Übergabe beliebiger Attribute
  • Events verarbeiten
  • Manuelles Auslösen von Status-Updates und Re-Rendering

Razor-Komponenten zusammensetzen

  • Zerlegen einer Komponente in kleinere Komponenten
  • Einseitige Datenanbindung
  • Zwei-Wege-Datenbindung
  • Übergabe von Daten von einer übergeordneten Komponente an eine untergeordnete Komponente über Parameter
  • Übergabe von Daten von einer Child-Komponente an eine Parent-Komponente mit Hilfe von Event-Callbacks
  • Verwendung von Schlüsseln zur Optimierung der Leistung
  • Verwendung von Refs für den Zugriff auf DOM-Elemente
  • Razor-Komponentenbibliotheken

Razor-Komponenten-Formulare

  • Was ist der Zweck eines Formulars?
  • Sammeln von Daten mit einem Formular, Eingabe-, Auswahl- und Textarea-Elementen
  • Erkunden Sie das Formular-Element Zwei-Daten-Bindung
  • Formulare mit der Blazor Edit Form Razor Component erstellen
  • Das Konzept des Bearbeitungskontextes kennenlernen
  • Verwendung der spezialisierten Edit Form Controls
    • Eingabe von Text
    • Eingabe TextArea
    • Eingabe Auswahl
    • Eingabe Nummer
    • Eingabe Checkbox
    • Eingabe Datum
  • Validierung auf das Formular anwenden
  • Ausschmücken des Ansichtsmodells mit Validierungsattributen
  • Benutzerdefinierte Validierungsattribute codieren

Razor-Komponentenseiten

  • Was ist das Seitenmodell?
  • Verwendung einer Razor-Komponente als Seite
  • Untersuchen der Router-Komponente
  • Konfigurieren des Seiten-Routings
  • Routen zu Komponenten aus mehreren Assemblies
  • Verwenden von Routing-Parametern
  • Verwenden der Abfragezeichenfolge
  • Anwenden der Autorisierung auf eine Razor-Komponentenseite
  • Verwenden der Autorisierung innerhalb des Komponentenbaums

Server-Daten verwenden

  • Verbindung zu SQL Server mit EF Core
  • EF Core in einer Blazor Server-Anwendung verwenden

Security und Identity

  • Vergleich der Authentifizierung zwischen Blazor Server und ASP.NET Core
  • Vergleich der Autorisierung zwischen Blazor Server und ASP.NET Core
  • Anmeldeformular in Blazor Server implementieren
  • Handhabung der Autorisierung in Blazor Server

Interagieren mit JavaScript

  • Was ist die JavaScript-Interop?
  • Wann wird JavaScript benötigt?
  • Synchrone vs. Asynchrone Aufrufe
  • JavaScript Funktion aus einer Komponente aufrufen
  • C#-Code von JavaScript aus aufrufen
  • Aufruf von statischen Methoden
  • Aufruf von Instanzmethoden
  • Organisieren von JavaScript-Code innerhalb einer Blazor Server App
  • JavaScript-Ökosystem erforschen
    • Clientseitige Bibliotheken

Unit-Tests

  • Was ist Unit-Testing?
  • Prinzipien des Unit-Testens
    • Definieren einer Unit
    • Aufbau/Abbau
    • Testen in Isolation
    • Festlegen, was getestet werden soll
    • Code-Abdeckung
    • Test-Frameworks
    • Stubs, Mocks und Spione
  • xUnit
    • Was ist xUnit?
    • Test-Framework
    • Fakten vs. Theorie
    • Assertions
    • Integration mit Visual Studio
  • Razor-Komponenten
    • Was sollte bei einer Razor-Komponente getestet werden?
    • Was ist bUnit?
    • Verwendung von bUnit mit xUnit
    • Einrichten und Definieren von Komponenten unter Tests in C# oder Razor-Syntax
    • Überprüfen des Ergebnisses mit semantischem HTML-Vergleicher
    • Mit Komponenten interagieren und diese inspizieren
    • Auslösen von Event-Handlern
    • Kaskadierte Werte bereitstellen
    • Dienste einbinden
    • IJsRuntime mocken
    • Snapshot-Tests durchführen

Weitere Schulungen zu Thema Microsoft .NET

C# Grundkurs (ohne Vorkenntnisse)

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "C# Grundkurs (ohne Vorkenntnisse)" erhalten die Teilnehmenden eine detaillierte Einführung in die Programmiersprache C# und erwerben fundiertes Wissen sowie praktische Fähigkeiten, um effektiv in C# zu programmieren. Ziel des Kurses ist ...

ADO.NET - Datenbankprogrammierung

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In dieser 3-tägigen Schulung "ADO.NET - Datenbankprogrammierung" lernen Sie die Grundlagen und Praxisanwendung von ADO.NET. Sie werden die Architektur und Funktionalitäten von ADO.NET kennenlernen, einschließlich der wichtigsten Namespaces und Klassen. Sie werden ...

F# Grundkurs

- u.a. in Hannover, Stuttgart, Koblenz, Freiburg, Kassel

In diesem 2-tägigen Seminar "F# Grundkurs" erlernen Sie die Basis der funktionalen Programmierung mit F#. Sie werden mit der Syntax sowie den grundlegenden Typen vertraut gemacht und lernen, wie Sie Funktionen, Vererbung und Schnittstellen in F# anwenden. Der Kurs ...

Windows Installer XML Toolset (WiX) Grundkurs

- u.a. in Bremen, Hamburg, Stuttgart, Essen, Kassel

In diesem 4-tägigen Seminar "Windows Installer XML Toolset (WiX) Grundkurs" erhalten Sie eine Einführung in die grundlegenden Konzepte und Techniken zur Erstellung professioneller Windows Installer Setups mit WiX. Sie lernen die Vorteile und Funktionen des Windows ...