Schulungsübersicht
Entwicklung moderner Frontend-Anwendungen
- Überblick sowie Gemeinsamkeiten zwischen React, Angular und Vue.js
- Deklaratives Rendern
- Komponenten – Definition benutzerdefinierter HTML-Tags
- Einrichtung eines React-Projekts mithilfe von create-react-app
Moderne JavaScript-Techniken
- Entwicklung mit Node.js und npm
- JavaScript-Versionen
- Arbeiten mit Modulen
- Funktionen sowie Arrow-Funktionen
- Klassen
- Funktionales Programmieren in JavaScript (z. B. map, filter)
TypeScript
- Statisches versus dynamisches Typisieren
- Deklaration von Datentypen für Variablen, Funktionen und Klassen
- Grundlegende Datentypen
- Tupel und Objekte
- Schnittstellen (Interfaces)
- Generics
React-Templatsprache
- JSX – eine auf JavaScript basierende Templatsprache
- Einstellung von Elementeigenschaften
- Wiederholungsmechanismen für Elemente
- if-/else-Ausdrücke
- Verwendung von Ereignissen
- CSS-Klassen und -Stile
Zustandsverwaltung in React
- Einstellen sowie Ändern des Anwendungszustands
- Nutzung des state-Hooks sowie von setState
- Aufzeichnung von Eingabedaten in den Zustand
Komponenten – Bausteine moderner Webanwendungen
- Erstellung benutzerdefinierter HTML-Tags in React
- Zustand, Eigenschaften und Ereignisse
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Einsatz von Hooks in Funktionskomponenten
- Zyklische Lebenszyklus-Ereignisse einer Komponente (Erstellung, Aktualisierung, Entfernung)
- Einbindung vordefinierter Komponenten aus externen Bibliotheken
Zustandsverwaltung mit Redux
- Grundlagen von Redux: Zustandsmanagement durch reine Funktionen, Reducer und unveränderliche Daten
- Nutzung des Reducer-Hooks in React
- Einbindung von Redux in eine React-Anwendung
- Darstellungskomponenten versus Container-Komponenten
- Das Redux-Ökosystem
- Abfangsteuerung asynchroner Vorgänge mittels Thunk
- Datenabruf über eine REST-API
Entwicklertools und Testverfahren
- React-Developer-Tools
- Redux-Developer-Tools
- JavaScript-Tests mit Jest
- Testen von Reducern
- Testen von React-Komponenten
React Router
- Client-Seitige Routing-Mechanismen
- Anzeigen verschiedener Ansichten abhängig vom aktuellen Browserpfad
App-Entwicklung mit React
- Kurzer Überblick zu React Native
- Erstellung installierbarer mobiler sowie Desktop-Anwendungen mittels Progressive Web Apps
- Vergleich zwischen Progressive Web Apps und nativen Anwendungen
Voraussetzungen
- Grundkenntnisse in HTML
- Erfahrung mit JavaScript
Erfahrungsberichte (7)
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
Mir hat gefallen, dass der Kurs Übungen hatte. Mir hat gefallen, wie Łukasz versuchte, jedem von uns zu helfen und die Angst einiger anderer Teilnehmer zu beruhigen. Mir hat gefallen, dass er sich gut mit dem Thema auskannte.
Samuel Irsai - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
