Seminarinformationen

Seminar - Ziel

In diesem 5-tägigen Seminar "ASP.NET Core-Entwicklung mit React und Redux" erlernen Sie die notwendigen Fähigkeiten, um eine moderne Webanwendung zu entwickeln, die JavaScript auf der Client-Seite und ASP.NET Core im Backend nutzt. Sie erhalten grundlegende Kenntnisse in der Entwicklung von Geschäftsanwendungen, einschließlich der Absicherung einer Anwendung mit einem Login, der Erstellung mehrseitiger Anwendungen mit Routing sowie der Erstellung komplexer Formulare mit Validierung. Zudem lernen Sie die Best Practices von React, Redux und ASP.NET Core und deren Anwendung in einer Single Page Application (SPA) kennen.

Teilnehmer - Zielgruppe

  • Entwickler

Kurs - Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

  • Kenntnisse in den Programmiersprachen C#, JavaScript und Node.js/NPM

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Einführung

.NET Core SDK

  • Installation
  • Versionsverwaltung
  • Command-Line Interface (CLI)
  • Hello World Applikation
  • Verwendung von Visual Studio Code für C#-Codierung
  • Optional: Verwenden von Visual Studio 2022 für die C#-Codierung

ASP.NET Core Applikations-Architektur

  • NuGet-Pakete und Metapakete
  • Starten der Anwendung
  • Hosting-Umgebungen
  • Middleware und die Request Processing Pipeline
  • Services und Dependency Injection

Applikation Konfiguration

  • Konfigurieren und ConfigureServices
  • Configuration Providers und Sources
  • Configuration-API
  • Options Pattern

Anfrage-Routing

  • RESTful Services
  • Endpoint-Routing
  • Attribut-basiertes Routing
  • Route Templates
  • Route Constraints

Models

  • Objekt-Relational Mapping
  • Entity Framework (EF) Core

Controllers

  • Responsibilities
  • Requirements und Conventions
  • Abhängigkeiten
  • Action Results

Application State

  • Client-Side vs. Server-Side
  • HttpContext.Items
  • Session State

Error Handling

  • Best Practices
  • HTTP Error Status Codes und Status Code Pages
  • Developer Exception Page
  • Optional: Exception Filters

Logging

  • Konfiguration
  • ILogger

Einführung in React und Redux

  • Was ist React?
  • Welches Problem wird mit React gelöst?
  • React im Vergleich zu anderen Bibliotheken und Frameworks

Entwicklungs-Tools

  • React-App-Projektgenerator erstellen
  • React-Entwickler-Tools
  • Ausführen und Debuggen einer React-Anwendung
  • Die Rolle von Node.js
  • Zweck von React und ReactDOM

Funktionale Komponenten

  • Was sind Komponenten?
  • Element und JSX erstellen
  • Fragmente
  • JavaScript-Pfeilfunktionen
  • ES2015-Bausteine
  • JSX und Ausdrücke
  • Sammlungen von Daten anzeigen
  • JavaScript-Array-Maps und React Keys
  • Übergabe von Daten mit Props
  • Validierung von Props mit PropTypes
  • Standard-Props

Klassen-basierte Komponenten

  • JavaScript-Klassen und -Erweiterungen
  • Status konfigurieren
  • Lifecycle-Methoden
  • Kontext von Event Handlers
  • Class Properties und Class Arrow Functions
  • PropTypes und Standard-Props für Klassen

Hooks

  • Überblick
  • State
  • Effect
  • Ref
  • Callback

Redux

  • Verwaltung des Anwendungsstatus
  • Drei Prinzipien von Redux
  • Reine Funktionen
  • Reducer-Funktionen
  • Komposition von Reducer-Funktionen
  • Dispatching-Aktionen
  • Action-Ersteller

React mit Redux verbinden

  • Verbinden Sie React mit Redux mit React-Redux
  • React-Redux-Komponenten höherer Ordnung
  • React-Redux-Haken
  • Zustandsselektoren verwenden
  • Zustandsselektoren optimieren

React mit ASP.NET Core REST API verbinden

  • JavaScript-Übersicht: Rückrufe, Promises & Async/Await
  • Verwendung der Fetch-API mit ASP.NET Core REST API
  • Asynchrone Operationen und React/Redux mit Thunks
  • Redux Thunks im Vergleich zu Redux Saga
  • Error Handling
  • Verbinden mit Redux

React-Router

  • Was ist Routing?
  • URL als State
  • React-Router-Hooks
  • Routes konfigurieren
  • Seiten-Muster
  • Fehlerseite
  • Weiterleitungen

Authentifizierung

  • Einführung
  • ASP.NET Core Identity
  • Cookie-Middleware
  • Autorisierung
  • Claims-Based Authorization
  • React Login Form
  • Login Error Handling
  • Integration von Berechtigungen mit Routing

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 ...

Einführung in ASP.NET

- u.a. in Nürnberg, Dresden, Heidelberg, Marburg, Nordhausen

In dieser 3-tägigen Schulung „Einführung in ASP.NET“ erwerben Sie die grundlegenden Kenntnisse und Prinzipien von ASP.NET sowie den Visual Web Developer. Sie werden befähigt, Webapplikationen mit ASP.NET zu erstellen und verschiedene Funktionen wie Datenbankintegration, ...

Einführung in .NET MAUI mit .NET

- u.a. in Hannover, Leipzig, München, Dresden, Heidelberg

In diesem 3-tägigen Seminar "Einführung in .NET MAUI mit .NET" lernen Sie die Grundlagen und Ziele des Multi-Platform App User Interface (MAUI) kennen. Sie richten Visual Studio ein, konfigurieren die erforderlichen .NET-Versionen, SDKs und Workloads und erstellen ...