Schulungsübersicht

Entwicklung von modernen Frontend-Anwendungen

  • Überblick und Gemeinsamkeiten von React, Angular, Vue.js
  • deklaratives Rendering
  • Komponenten - Definition eigener HTML Tags
  • Verwendung von create-react-app zum Initialisieren eines React-Projekts

Modernes JavaSkript

  • Entwicklung mit node.js und npm
  • JavaSkript-Versionen
  • Arbeiten mit Modulen
  • Funktionen und Pfeilfunktionen
  • Klassen
  • funktionale Programmierung in JavaScript (map, filter, ...)

TypeScript

  • statische vs. dynamische Typisierung
  • Deklaration der Typen von Variablen, Funktionen und Klassen
  • grundlegende Datentypen
  • Tupel, Objekte
  • Schnittstellen
  • Generika

React Schablonensprache

  • JavaSkriptbasierte Vorlagensprache: JSX
  • Setzen von Elementeigenschaften
  • Wiederholung von Elementen
  • wenn / sonst
  • Ereignisse
  • CSS Klassen und Stile

Verwaltung des Zustands in React

  • Setzen und Ändern des Anwendungsstatus
  • Verwendung des State Hooks und von setState
  • Erfassen des Inhalts von Eingabeelementen im Zustand

Komponenten: Bausteine für moderne Webanwendungen

  • Definition von benutzerdefinierten HTML Tags in React
  • Zustand, Requisiten und Ereignisse
  • Datenfluss zwischen Komponenten
  • Funktionskomponenten und Klassenkomponenten
  • Verwendung von Hooks in Funktionskomponenten
  • Lebenszyklus-Ereignisse von Komponenten (Einhängen, Aktualisieren, Aushängen)
  • Einbindung vordefinierter Komponenten aus einer Bibliothek

Zustandsverwaltung mit Redux

  • Redux Grundlagen: Zustandsverwaltung mit reinen Funktionen, Reduzierern und unveränderlichen Daten
  • Verwendung des Reducer-Hooks in React
  • Integration von Redux in eine React-Anwendung
  • Präsentations- und Container-Komponenten
  • das Redux-Ökosystem
  • Umgang mit asynchronen Ereignissen mit Thunk
  • Abrufen von Daten von einer REST-API

Entwickler-Tools und Testen

  • React Entwickler-Tools
  • Redux Entwickler-Tools
  • Testen von JavaSkript mit Jest
  • Testen von Reduzierern
  • Testen von React Komponenten

React Router

  • Client-seitiges Routing
  • Anzeige verschiedener Ansichten basierend auf der aktuellen Browser-Route

App-Entwicklung mit React

  • kurzer Überblick über React Native
  • Erstellung einer installierbaren mobilen und Desktop-Anwendung mit Progressive Web Apps
  • Vergleich von Progressive Web Apps und Native Apps

Voraussetzungen

  • HTML-Grundlagen
  • Erfahrungen mit JavaScript
  21 Stunden
 

Teilnehmerzahl


Beginnt

Endet


Die Termine sind abhängig von der Verfügbarkeit und finden zwischen 09:30 und 16:30 statt.
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.

Erfahrungsberichte (8)

Kombinierte Kurse

Relay: Efficiently Fetch Data in React Applications

  14 Stunden

Verwandte Kategorien