Schulungsübersicht
Entwicklung moderner Front-End-Anwendungen
- Überblick und Gemeinsamkeiten von React, Angular und Vue.js
- Deklaratives Rendering
- Komponenten – Definieren eigener 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 Pfeilfunktionen
- Klassen
- Funktionaler Ansatz in JavaScript (map, filter, ...)
TypeScript
- Statische vs. dynamische Typisierung
- Deklaration von Typen für Variablen, Funktionen und Klassen
- Grundlegende Datentypen
- Tupel, Objekte
- Interfaces
- Generics
React-Vorlagensprache
- JavaScript-basierte Vorlagensprache: JSX
- Festlegen von Eigenschaftswerten für Elemente
- Wiederholung von Elementen
- if / else-Logik
- Events
- CSS-Klassen und -Stile
State-Management in React
- Setzen und Ändern des Anwendungszustands
- Nutzung des State-Hooks und setState
- Erfassen des Inhalts von Eingabeelementen im State
Komponenten: Bausteine moderner Web-Anwendungen
- Definieren eigener HTML-Tags in React
- State, Props & Events
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Verwendung von Hooks in Funktionskomponenten
- Lebenszyklus-Events von Komponenten (Mount, Update, Unmount)
- Einbinden von vordefinierten Komponenten aus einer Bibliothek
State-Management mit Redux
- Redux-Grundlagen: State-Management mit reinen Funktionen, Reducern und immutable Data
- Verwendung des Reducer-Hooks in React
- Integration von Redux in eine React-Anwendung
- Präsentations- und Container-Komponenten
- Das Redux-Ökosystem
- Behandlung asynchroner Events mit Thunk
- Abruf von Daten aus einer REST API
Entwicklertools und Testing
- React Developer Tools
- Redux Developer Tools
- Testing von JavaScript mit Jest
- Testing von Reducern
- Testing von React-Komponenten
React Router
- Client-side-Routing
- Anzeige unterschiedlicher Ansichten basierend auf der aktuellen Browser-Route
App-Entwicklung mit React
- Kurzüberblick über React Native
- Erstellung einer installierbaren mobilen und Desktop-Anwendung mit Progressive Web Apps
- Vergleich von Progressive Web Apps und nativen Apps
Voraussetzungen
- Grundkenntnisse in HTML
- 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
