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

DevExpress WPF Einführung

- u.a. in Paderborn, Wien, Essen, Freiburg, Marburg

In diesem 3-tägigen Seminar "DevExpress WPF Einführung" erhalten Sie eine umfassende Einführung in die WPF-Controls von DevExpress, einem Framework zur Entwicklung moderner Benutzeroberflächen mit WPF und C#. Der Kurs fokussiert sich darauf, Ihnen die wichtigsten ...

Einführung in ASP.NET

- u.a. in Frankfurt am Main, Wien, Koblenz, Mannheim, Erfurt

In dieser 3-tägigen Schulung "Einführung in ASP.NET" lernen Sie die Grundlagen und Konzepte von ASP.NET sowie den Visual Web Developer kennen. Sie werden in der Lage sein, Webanwendungen unter ASP.NET zu erstellen und verschiedene Funktionen wie Datenbankzugriff, ...