Schulungsübersicht
Entwicklung moderner Frontend-Anwendungen
- Übersicht und Gemeinsamkeiten von React, Angular und Vue.js
- Deklaratives Rendering
- Komponenten – Definieren benutzerdefinierter HTML-Tags
- Nutzung 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 Programmierstil in JavaScript (map, filter, ...)
TypeScript
- Statisches vs. dynamisches Typing
- Deklaration von Typen für Variablen, Funktionen und Klassen
- Grundlegende Datentypen
- Tupel, Objekte
- Interfaces
- Generics
React-Vorlagensprache
- JavaScript-basierte Vorlagensprache: JSX
- Festlegung von Elementeigenschaften
- 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
- Erfassen des Inhalts von Eingabefeldern im Zustand
Komponenten: Bausteine moderner Webanwendungen
- Definieren benutzerdefinierter HTML-Tags in React
- State, Props & Events
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Nutzung von Hooks in Funktionskomponenten
- Komponenten-Lebenszyklus-Ereignisse (mount, update, unmount)
- Einbinden vordefinierter Komponenten aus einer Bibliothek
Zustandsverwaltung mit Redux
- Redux-Grundlagen: Zustandsverwaltung mit reinen Funktionen, Reducern und unmutierbaren Daten
- Nutzung des Reducer-Hooks in React
- Integration von Redux in eine React-Anwendung
- Präsentations- und Containerkomponenten
- Das Redux-Ökosystem
- Behandlung 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
- Client-seitiges Routing
- Anzeigen 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
- 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
