Schulungsübersicht
Entwicklung moderner Frontend-Anwendungen
- Übersicht und Ähnlichkeiten von React, Angular und Vue.js
- Deklaratives Rendering
- Komponenten – Definieren von benutzerdefinierten HTML-Tags
- Verwendung von create-react-app zur Initialisierung eines React-Projekts
Modernes JavaScript
- Entwicklung mit node.js und npm
- JavaScript-Versionen
- Arbeit mit Modulen
- Funktionen und Arrow-Funktionen
- Klassen
- Funktional programmieren in JavaScript (map, filter, ...)
TypeScript
- Statische vs. dynamische Typisierung
- Deklaration von Typen für Variablen, Funktionen und Klassen
- Grundlegende Datentypen
- _tuples_ und Objekte
- Schnittstellen (Interfaces)
- Generische (Generics)
React-Template-Sprache
- JavaScript-basierte Template-Sprache: JSX
- Festlegen von Element-Eigenschaften
- Wiederholung von Elementen
- if / else
- Ereignisse
- CSS-Klassen und -Stile
Verwaltung des Zustands in React
- Setzen und Ändern des Anwendungszustands
- Nutzung des state hook und setState
- Erfassung der Inhalte von Eingabeelementen im Zustand
Komponenten: Bausteine moderner Web-Anwendungen
- Definieren von benutzerdefinierten HTML-Tags in React
- Zustand, props & Ereignisse
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Verwendung von Hooks in Funktionskomponenten
- Lebenszyklus-Ereignisse von Komponenten (mount, update, unmount)
- Einfügen vordefinierter Komponenten aus einer Bibliothek
Zustandsverwaltung mit Redux
- Redux-Grundlagen: Zustandsverwaltung mit reinen Funktionen, Reducern und unveränderlichen Daten
- Verwendung des Reducer-Hooks in React
- Integration von Redux in eine React-Anwendung
- Darstellungskomponenten und Containerkomponenten
- Das Redux-Ökosystem
- Verarbeitung asynchroner Ereignisse mit Thunk
- Abrufen von Daten aus einer REST-API
Entwicklerwerkzeuge und Tests
- React-Entwicklerwerkzeuge
- Redux-Entwicklerwerkzeuge
- Testen von JavaScript mit Jest
- Testen von Reducern
- Testen von React-Komponenten
React Router
- Clientseitiges Routing
- Anzeige verschiedener Ansichten basierend auf der aktuellen Browser-Route
App-Entwicklung mit React
- Kurzüberblick über React Native
- Erstellung installierbarer Mobile- und Desktop-Anwendungen mit Progressive Web Apps
- Vergleich von Progressive Web Apps und nativen Apps
Voraussetzungen
- HTML-Grundlagen
- Erfahrung mit JavaScript
Erfahrungsberichte (7)
Es war wirklich hilfreich, endlich ein solides Verständnis für einige der Kernkonzepte in React zu entwickeln, insbesondere für Themen wie State und Hooks. Łukasz hat diese Konzepte sehr klar erklärt und war zudem offen dafür, praktische Beispiele gemeinsam durchzuspielen, um unsere offenen Fragen noch besser aufzuklären.
Hayden Pike - Powerlink Queensland
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Die Details, die Art der Erklärung und das ruhige und sichere Verhalten des Trainers sind inspirierend.
Cosmin Ghergheles - Ness
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Es behandelt die grundlegenden Komponenten
Valentin
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Lukaszs Begeisterung.
Eloise Phelps - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Wie Luke sich große Mühe gab, den Teilnehmern individuell zu helfen, wenn sie Probleme beim Ausführen des Codes hatten. Luke war äußerst freundlich und verstand sich gut mit den Kursteilnehmern.
Jonathan Grout - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Die Beteiligung des Trainers bei allen Teilnehmern war ausgezeichnet, jeder erhielt zu einem bestimmten Zeitpunkt Unterstützung. Es war insgesamt eine großartige Erfahrung, besonders für Personen, die sich mit dem Thema nicht auskennen.
Tayyab Ejaz Mushtaq - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Mir gefiel, dass es sich wie eine sichere Umgebung anfühlte und ich mich nicht eingeschüchtert fühlte, meinen Bildschirm und meine Schwierigkeiten mit dem Trainer oder der Gruppe zu teilen.
Wanda Hawkins-Kavanagh - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
