Schulungsübersicht
Entwicklung moderner Frontend-Anwendungen
- Übersicht und Ähnlichkeiten von React, Angular, Vue.js
- Deklarative Darstellung
- Komponenten – Definition benutzerdefinierter HTML-Tags
- Initialisierung eines React-Projekts mit create-react-app
Modernes JavaScript
- Entwicklung mit Node.js und npm
- JavaScript-Versionen
- Umgang mit Modulen
- Funktionen und Pfeilfunktionen
- Klassen
- Funktionaler Programmierstil in JavaScript (map, filter, ...)
TypeScript
- Statisch vs. dynamisch typisiert
- Typdeklarationen für Variablen, Funktionen und Klassen
- Grundlegende Datentypen
- Tupel, Objekte
- Schnittstellen
- Generics
Reaktions-Templatesprache
- Auf JavaScript basierende Templatesprache: JSX
- Legen von Element-Eigenschaften fest
- Wiederholen von Elementen
- wenn / ansonsten
- Ereignisse
- CSS-Klassen und Stile
Zustandsverwaltung in React
- Festlegen und Ändern des Anwendungsstatus
- Verwenden des State-Hooks und setState
- Erfassen der Inhalte von Eingabeelementen im Status
Komponenten: Bausteine moderner Webanwendungen
- Definition benutzerdefinierter HTML-Tags in React
- Status, Props & Ereignisse
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Verwendung von Hooks in Funktionskomponenten
- Komponentenlebenszyklus-Ereignisse (Mount, Update, Unmount)
- Eingebundene vordefinierte Komponenten aus einer Bibliothek
Zustandsmanagement mit Redux
- Redux-Grundlagen: Zustandsverwaltung mit reinen Funktionen, Reduzierern und unveränderlichen Daten
- Verwenden des Reducer-Hooks in React
- Integration von Redux in eine React-Anwendung
- Präsentations- und Container-Komponenten
- Das Redux-Ökosystem
- Bearbeitung asynchroner Ereignisse mit Thunk
- Abrufen von Daten von einer REST-API
Entwicklertools und Tests
- React Developer Tools
- Redux Developer Tools
- Testen von JavaScript mit Jest
- Testen von Reduzierern
- Testen von React-Komponenten
React Router
- Clientseitiges Routing
- Anzeigen verschiedener Ansichten basierend auf dem aktuellen Browserpfad
Anwendungsentwicklung mit React
- Kurze Übersicht über React Native
- Erstellen einer installierbaren mobilen und Desktop-Anwendung mit Progressive Web Apps (PWA)
- Vergleich zwischen Progressiven Web-Apps und nativen Apps
Voraussetzungen
- Basiskenntnisse 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
