Schulungsübersicht
Entwicklung moderner Frontend-Anwendungen
- Überblick und Gemeinsamkeiten von React, Angular und Vue.js
- deklaratives Rendering
- Komponenten – Definition benutzerdefinierter HTML-Tags
- Verwendung von create-react-app zur Initialisierung eines React-Projekts
Modernes JavaScript
- Entwicklung mit Node.js und npm
- JavaScript-Versionen
- Umgang mit Modulen
- Funktionen und Pfeilfunktionen
- Klassen
- funktionale Programmierung in JavaScript (map, filter, ...)
TypeScript
- statische vs. dynamische Typisierung
- Deklaration von Typen für Variablen, Funktionen und Klassen
- Basisdatentypen
- Tupel, Objekte
- Schnittstellen (Interfaces)
- Generics
React-Vorlagensprache
- JavaScript-basierte Vorlagensprache: JSX
- Legen von Element-Eigenschaften fest
- Wiederholen von Elementen
- if / else
- Ereignisse
- CSS-Klassen und Styles
Zustandsverwaltung in React
- Festlegen und Ändern des Anwendungszustands
- Verwendung des state hooks und setState
- Erfassen des Inhalts von Eingabeelementen im Zustand
Komponenten: Bausteine moderner Webanwendungen
- Definition benutzerdefinierter HTML-Tags in React
- Zustand (State), Props & Ereignisse
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Verwendung von Hooks in Funktionskomponenten
- Komponentenlebenszyklus-Ereignisse (Mount, Update, Unmount)
- Einschliessen vordefinierter Komponenten aus einer Bibliothek
Zustandsmanagement mit Redux
- Redux-Grundlagen: Zustandsverwaltung mit reinen Funktionen, Reducern und unveränderlichen Daten
- Verwendung des Reducer-Hooks in React
- Einbetten von Redux in eine React-Anwendung
- Präsentationskomponenten und Containerkomponenten
- Das Redux-Ökosystem
- Bearbeitung asynchroner Ereignisse mit Thunk
- Abrufen von Daten aus einer REST-API
Entwicklertools und Tests
- React Developer Tools
- Redux Developer Tools
- Javascript-Tests mit Jest
- Tests von Reducern
- Tests von React-Komponenten
React Router
- Routing auf Clientseite
- Anzeigen verschiedener Ansichten basierend auf der aktuellen Browserroute
Anwendungsentwicklung mit React
- Kurzer Überblick über React Native
- Erstellen 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)
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
