React Schulung – 4 Tage Online-Unterricht
2.650,00 EUR
- 4 days
Erstellen Sie moderne, responsive Webanwendungen mit React und entwickeln Sie die praktischen Frontend-Fähigkeiten, die von den führenden Entwicklungsteams von heute eingesetzt werden. Dieser praxisorientierte React-Kurs führt Lernende in die komponentenbasierte Anwendungsentwicklung mit React, JavaScript, JSX, Hooks, Routing, Formularen, APIs und State-Management ein.
Hauptfunktionen
Sprache
Kursmaterial auf Englisch
Stufe
Anfänger- bis Mittelstufenniveau
4 Tage Live-Unterricht mit Dozent
Virtuelles Training (8 Stunden/Tag)
Praktische Programmieraufgaben
Zugang zu einem voll ausgestatteten Live-Coding-Labor
Über 60 empfohlene Lernstunden
Zertifikat über den Abschluss des Programms inbegriffen
Lernergebnisse
Am Ende dieses Programms werden Sie in der Lage sein:
Moderne React-Anwendungen entwickeln
Lerne, wie du mit React, JSX, Funktionskomponenten, Hooks und modernen JavaScript-Funktionen schnelle und gut wartbare Single-Page-Anwendungen erstellst. Außerdem wirst du den virtuellen DOM und eine komponentenbasierte Architektur kennenlernen, um skalierbare Benutzeroberflächen zu entwickeln.
Formulare & Ereignisbehandlung
Entwickle praktische Fähigkeiten im Umgang mit Formularen, Benutzereingaben, Validierung und Events mithilfe von kontrollierten und unkontrollierten Komponenten, Refs und externen Formularbibliotheken.
Routing & Navigation
Verwende React Router, um eine nahtlose Navigation in Single-Page-Anwendungen mit dynamischen Routen, verschachtelten Routen, Weiterleitungen, geschützten Routen und programmatischer Navigation zu erstellen.
Zustandsverwaltung mit Redux
Lerne, wie du den Anwendungszustand mit Redux verwaltest, einschließlich Actions, Reducern, Stores und Middleware wie Thunk und Saga, um asynchrone Vorgänge zu behandeln und das Debugging zu erleichtern.
Kurszeitplan
Tag 1
Sitzung 1: Einführung in React
- Grundlagen von React
- Babel und Create React App
- Projekteinrichtung und -struktur
Sitzung 2: Modernes JavaScript
- Single-Page-Anwendungen und ES6-Funktionen
- Variablen, Funktionen, Klassen und Module
- Template-Literale und Destrukturierung
- Promises, Generatoren, Sets und Maps
- Funktionale JavaScript- und TypeScript-Grundlagen
Sitzung 3: JSX & Element-Rendering
- Virtueller DOM und JSX
- Rendern von Elementen
- Arbeiten mit Listen und Schlüsseln
Sitzung 4: Komponenten & Props
- Funktionale und Klassenkomponenten
- Props und Komponentenstatus
- Typüberprüfung
- Komposition und Vererbung
Tag 2
Sitzung 5: State & Lifecycle
- Verwaltung von State und Props
- Zustand hinzufügen und nach oben verlagern
- Lebenszyklusmethoden von Komponenten
- Konzepte der Unveränderlichkeit
Sitzung 6: Ereignisbehandlung
- Zuweisung und Bindung von Ereignis-Handlern
- Argumente an Handler übergeben
- Benutzerdefinierte Ereignisse und synthetische Ereignisse
Sitzung 7: Formulare
- Kontrollierte und unkontrollierte Komponenten
- Verwendung von Refs in Formularen
- Formularvalidierung und Bibliotheken
- Formulare mit JSX
Sitzung 8: React Router
- Grundlagen von React Router
- Zentrale Routing-Komponenten
Tag 3
Sitzung 9: Hooks
- Wiederverwendung zustandsbehafteter Logik mit Hooks
- Funktionale vs. Klassenkomponenten
- Lokalen Zustand mit Hooks verwalten
- Standard- und benutzerdefinierte Hooks
- Regeln für Hooks
Sitzung 10: Vertiefung in React
- React-Tests und Performance-Optimierung
- Produktions-Build und Bereitstellung
- Refs und DOM-Zugriff
- React-Muster und Authentifizierung
- JSON Web Tokens (JWT)
- Arbeiten mit Komponenten von Drittanbietern
Tag 4
Sitzung 11: Flux
- Flux-Architektur und Konzepte
- Flux-Komponenten und Datenfluss
- Flux-Dienstprogramme und Implementierungen
Sitzung 12: Einführung in Redux
- Redux-Grundlagen und Architektur
- Aktionen, Reducer und Stores
- Redux-Datenfluss
Sitzung 13: Redux & React
- Einrichten von React Redux
- React-Redux-Komponenten und Datenfluss
- Redux-Rezepte und DevTools
Sitzung 14: Weitere Redux-Themen
- Redux-Middleware
- Redux Thunk und Redux Saga
Für wen ist dieses Programm geeignet?
Front-End-Webentwickler
JavaScript-Entwickler, die auf React umsteigen
Full-Stack-Entwickler, die ihre Frontend-Fähigkeiten ausbauen
Softwareentwickler, die moderne Webanwendungen erstellen
UI-Entwickler, die mit Single-Page-Anwendungen arbeiten
Technische Fachkräfte, die sich für moderne JavaScript-Frameworks interessieren
Voraussetzungen
- Grundlegende bis fortgeschrittene JavaScript-Kenntnisse
- Verständnis der Grundlagen von HTML und CSS
- Vertrautheit mit Programmierkonzepten wie Variablen, Funktionen und Schleifen
- Grundkenntnisse der ES6-JavaScript-Funktionen sind von Vorteil
- Vorerfahrung in der Webentwicklung wird empfohlen, ist aber nicht zwingend erforderlich.
Aussagen
Lizenzierung und Akkreditierung
Der Kurs wird gemäß der Partnerprogramm-Vereinbarung angeboten und entspricht den Anforderungen der Lizenzvereinbarung.
Gleichstellungspolitik
Kandidatinnen und Kandidaten werden ermutigt, sich während des gesamten Anpassungsprozesses für Beratung und Unterstützung an das AVC zu wenden.
Häufig gestellte Frage
Benötigen Sie Unternehmenslösungen oder eine LMS-Integration?
Haben Sie nicht den Kurs oder das Programm gefunden, das für Ihr Unternehmen geeignet wäre? Benötigen Sie eine LMS-Integration? Schreiben Sie uns! Wir werden alles lösen!