Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar "React und TypeScript" erhalten Sie eine fundierte Einführung in die grundlegenden und spezifischen Eigenschaften von React, einer der führenden Bibliotheken zur Entwicklung von Single-Page-Anwendungen (SPAs). Neben den allgemeinen Prinzipien, die für alle SPA-Bibliotheken gelten, werden auch die Besonderheiten von React detailliert behandelt.

Am Ende des Seminars sind Sie in der Lage, mit React Anwendungen unterschiedlicher Komplexität zu realisieren und dabei etablierte Best Practices zu berücksichtigen. Die Einbindung von TypeScript sorgt dabei für eine bessere Unterstützung durch die Entwicklungsumgebung und trägt zur Erstellung von qualitativ hochwertigem Code bei.

Teilnehmer - Zielgruppe

  • Entwickler

Kurs - Voraussetzungen

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

  • Erfahrungen mit HTML und gute JavaScript Kenntnisse

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Entwicklung moderner Frontend-Anwendungen

  • Überblick und Gemeinsamkeiten von React / Next.js
  • deklarative / datengetriebene Architektur
  • Komponenten - eigene HTML-Tags definieren

JavaScript Grundlagen für React

  • Entwicklung mit node.js und npm
  • JavaScript Versionen und Neuerungen
  • Module (import und export)
  • Pfeilfunktionen
  • Funktionale Programmierung in JavaScript

React-Templatesprache

  • JavaScript-basierte Templatesyntax: JSX
  • Binden von Inhalten und Props
  • Event-Handler
  • Elemente wiederholen
  • if / else
  • CSS-Klassen und Stile

Komponenten: Grundbausteine moderner Web-Anwendungen

  • Einbinden vorgefertigter Komponenten
  • Definieren eigener Komponenten
  • Props und Events in eigenen Komponenten
  • Prop- Event- und State-Typen in TypeScript
  • Datenfluss zwischen Komponenten
  • Komponenten inspizieren mit den React Developer Tools

React Router

  • Client-seitiges Routing
  • Anzeigen verschiedener Ansichten basierend auf der Route

APIs aus React abfragen

  • senden von HTTP-Requests via fetch
  • verwenden des effect-Hooks, um HTTP-Requests auszulösen

TypeScript Grundlagen für React

  • Statische vs Dynamische Typisierung
  • Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
  • Type Aliases und Interfaces
  • Type Assertions, Generics

Weitere Schulungen zu Thema React

Jakarta EE - Moderne Full Stack Entwicklung mit React und MongoDB

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

In diesem 5-tägigen Seminar "Jakarta EE – Moderne Full Stack Entwicklung mit React und MongoDB" erhalten Sie einen umfassenden Überblick über aktuelle Webtechnologien und sind danach in der Lage, ein komplettes Webprojekt mit modernen Tools umzusetzen. Der Schwerpunkt ...

ASP.NET Core-Entwicklung mit React und Redux

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

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

React und GraphQL (mit TypeScript)

- u.a. in Bremen, Hannover, Wien, Darmstadt, Marburg

In diesem 4-tägigen Seminar "React und GraphQL (mit TypeScript)" erhalten Sie einen umfassenden Einblick in die Kombination von React und GraphQL, um komplexe Frontend-Oberflächen zu gestalten und Daten effizient von APIs abzurufen. Beide Technologien stammen von Facebook und ...

Apollo für React und GraphQL

- u.a. in Dresden, Kassel, Jena, Marburg, Nordhausen

In diesem 2-tägigen Seminar "Apollo für React & GraphQL" beschäftigen Sie sich intensiv mit der modernen Webentwicklung in JavaScript mithilfe des React- und GraphQL-Frameworks Apollo. Sie lernen, wie Apollo genutzt werden kann, um die Entwicklung von React- und ...