React und Flux
Ziele
In dieser 3-tägigen Schulung "React und Flux" lernen Sie die Grundlagen und fortgeschrittene Konzepte von React und Flux. Sie lernen, React-Komponenten mit ES2015 zu erstellen und verwenden Tools wie Babel und Webpack. Fortgeschrittene Themen umfassen den Komponenten-Lebenszyklus, Virtual DOM, Ereignisse, Kommunikation zwischen Komponenten und Redux. Sie erstellen Ihre erste Flux-Anwendung und lernen Codeorganisation und AJAX-Integration.
Der Kurs deckt auch die Verbindung von Komponenten mit Stores und Aktionen, die Arbeit mit Redux, DOM-Manipulation und Unit-Tests mit Mocha, Chai und Sinon ab. Nach Abschluss des Kurses haben Sie ein solides Verständnis von React, Flux und den Tools, um effektive React-Anwendungen zu entwickeln und zu testen.
Zielgruppe
- JavaScript-Entwickler
- Front-End-Entwickler
Voraussetzungen
Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:
- Besuch des Kurses Einführung in React oder vergleichbare Kenntnisse
Lernmethodik
Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.
Agenda
React und ES2015
- ES2015-Funktionen, die sich auf React auswirken
- Komponenten mit ES2015 erstellen
- Verwendung von Babel für ES2015 und JSX
- Verwendung von WebPack mit React
- Immutable.js verwenden
Fortgeschrittene React-Komponenten
- Component Life-Cycle
- Virtual DOM
- Events
- State Machines
- Compositions
- Communication zwischen Components
- Reusable Components
- Cloning Components
Einführung in Flux
- Wichtige Flux-Konzepte
- Actions
- Dispatchers
- Stores
- Flows
Erste Flux-Anwendung
- Organisieren Sie Ihren Code und verstehen Sie das mentale Modell
- Erstellen Ihrer Hello World
- AJAX und Web Sockets einbinden
- Verstehen Sie den Zweck und das Design
- Rückrufe und der Dispatcher
Speicher
- Verstehen des Zwecks von Stores
- Verknüpfung von Stores mit dem Dispatcher
Komponenten
- Wie man sich mit Stores verbindet
- Wie man sich mit Aktionen verbindet
Redux
- Unterschiede zwischen Redux und Flux
- Reducer-Funktionen
- Arbeiten mit einem Store
- Vorteile und Nachteile von Redux
Arbeiten mit dem DOM
- DOM-Elemente referenzieren
- DOM-Manipulation
- HTML5 Drag and Drop
Node.js und Server-DOM-Manipulation
Unit-Tests mit TestUtils
- Unit-Tests mit Mocha, Chai und Sinon
- React Component Unit Tests mit Mocha und Chai schreiben
- Spionieren mit Sinon
- Testen von Komponenten
- Testen von DOM Manipulationen
- Testen von Eigenschaften und State
- Events simulieren
Open Badge - Ihr digitaler Kompetenznachweis
Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.
Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.
Kurz vor Durchführung
Termin | Standort | Aktion |
---|---|---|
14.05. - 16.05.2024 | Hamburg | |
12.06. - 14.06.2024 | München | |
30.07. - 01.08.2024 | Köln | |
20.08. - 22.08.2024 | Nürnberg |