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
Erfahrungsberichte (7)
Die Menge der Details, die Art der Erklärungen und die Ruhe und Zuversicht des Trainers sind inspirierend.
Cosmin Ghergheles - Ness
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Sie umfasste die grundlegenden Komponenten
Valentin
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Kurs - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Kurs - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Kurs - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Kurs - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.