React.js Training - Blended Learning (Live-Virtual-Klassenraum + eLearning)
450,00 EUR
- 30 hours
Der React.js-Schulungskurs von AVC wird Ihnen helfen, die Grundlagen von React – einem wesentlichen Web-Framework zur Entwicklung von Benutzeroberflächen – einschließlich JSX, Props, State und Events zu beherrschen. Dieser Kurs vertieft sich in Redux, einschließlich Reducer, Actions und dem State-Tree.
Lehrplan für virtuelle Live-Klassen
ES6
Lektion 01
- Einleitung
- Array-Hilfsmethoden
- Let und Const
- Template-Literale
- Pfeilfunktionen
- Standardparameter für Funktionen
- Ruhe und Verbreitung
- Dekonstruktion
- Klassen
- Versprechen
- Holen
Grundlagen von React
Lektion 02
- Warum React?
- Benutzeroberfläche rendern
- Komponenten
- Komponenten-Lebenszyklusereignisse
- Formulare
- Komponenteninteraktion
- React Router
Einführung in Redux
Lektion 03
- Warum Redux?
- Kernkonzepte von Redux
React & Redux
Lektion 04
- Das React-Redux-Node-Paket
- Anbieterkomponente
- Verbindung von React-Komponenten mit dem Redux Store
- Reducer-Komposition
- Normalisierung: Punkte, die beim Entwurf eines Redux-Speichers zu beachten sind
- Redux-Middleware
E-Learning Lehrplan
Kurseinführung
Lektion 01
- Willkommen zum Kurs
- Kurs- & Projektübersicht
Erste Schritte
Lektion 02
- Was ist React
- Einrichtung der Umgebung
- Auffrischungskurs zu ES6 - Teil 1
- Auffrischungskurs zu ES6 - Teil 2
- Auffrischungskurs zu ES6 - Teil 3
- Create React App vs Manuelle Einrichtung
- Installation & Verwendung der CLI
- Ein Blick auf die anfänglichen React-Dateien & ihre Funktionsweise
Komponenten, JSX & Eigenschaften
Lektion 03
- Komponentenorientiertes Denken
- Was ist JSX
- JSX-Ausdrücke
- Erstellen Ihrer ersten Komponente
- Funktionale Komponenten
- Arbeiten mit Props
- Typüberprüfung mit PropTypes
- CSS in React
- Bootstrap hinzufügen
State & Die Context-API
Lektion 04
- Zustandsänderung von einer anderen Komponente aus
- Verwendung der Context API & Provider State
- Einen Kontext-Reducer für Aktionen hinzufügen
- Staat gründen
- Ereignisse in React
- Zustandsänderung
Mit Formularen arbeiten
Lektion 05
- Ein Formular mit Zustand erstellen
- Kontrollierte Komponenten & onChange
- TextInputGroup-Komponente für DRY-Code
- Unkontrollierte Komponenten & Referenzen
- Aktion zum Übermitteln des Formulars an den Kontext
- Fehlerprüfung & Anzeige
React Router v4
Lektion 06
- Einrichtung von React Router
- Links, Parameter & Weiterleitung
- 404 Seite nicht gefunden
Lebenszyklus, HTTP & Bereitstellung
Lektion 07
- Lebenszyklusmethoden
- GET-Anfragen
- POST- & DELETE-Anfragen
- Verwendung von Async/Await
- EditContact-Komponente & Kontakt abrufen
- PUT-Anfrage & Aktualisierungsvorgang
- Auf Github Pages veröffentlichen
Redux lernen
Lektion 08
- Eine Anmerkung zu Redux
- Startpunkt der App für Redux
- Einrichtung des Redux-Speichers & Kontakt-Reducer
- Komponenten verbinden & Aktionen versenden
- Erstellen einer separaten Aktionsdatei
- Aktion Kontakt löschen & hinzufügen
Redux Thunk & HTTP
Lektion 09
- GET-Anforderung Versand
- POST- & DELETE-Anfragenversand
- Einzigen Kontakt zum Bearbeiten abrufen
- PUT-Anfrage & Versand
- Auf Apache ausrollen
Kundenpanel Firebase-Projekt - Teil 1
Lektion 10
- App-Einführung & Demo F
- Einrichtung von Firebase Firestore
- Setup & AppNavbar-Komponente
- Armaturenbrett, Seitenleiste & Kundenkomponente
- Einrichtung von React-Redux-Firebase
- Clients-Komponente mit Firestore verbinden
- Kunden zu Firestore hinzufügen
- Komponente für Kundendetails
- Kontostand aktualisieren & löschen
- Klient in Firestore bearbeiten
Kundenpanel Firebase-Projekt - Teil 2
Lektion 11
- Login-Funktionalität
- Abmeldung & Aktualisierung der Navigationsleiste
- Routenschutz
- Benachrichtigungsstatus & Alarmkomponente
- Einstellungen Reduzierer & Aktionen
- Einstellungskomponente
- Einstellungen im LocalStorage speichern
- Einstellungen implementieren
- Registrierungsfunktionalität
- Bei Firebase bereitstellen
Eine Event-Finder-App in React erstellen
Abschlussprojekt des Kurses
Erstelle eine React-App, in der Benutzer bevorstehende Veranstaltungen ansehen und bewerben können, richte einen JSON-Server zum Testen ein, bis die Backend-APIs bereit sind, und verwalte schließlich den Zustand mit Redux.
Lernergebnisse
Am Ende dieses React.js-eLearning-Kurses werden Sie in der Lage sein:
React und Redux
Erfahren Sie, wie Sie erstaunliche Single-Page-Anwendungen mit React und Redux erstellen können
Strukturierung von Redux
Lernen und anwenden grundlegender Konzepte hinter der Strukturierung von Redux-Anwendungen
Komponierbare Komponenten
Erkennen und schätzen Sie die Kraft des Erstellens komponierbarer Komponenten
NPM, Babel und ES6
Verstehen und verwenden Sie NPM, Babel und die ES6 JavaScript-Syntax.
Hauptmerkmale
52 Stunden Blended Learning
30 Stunden instruktorgeführtes Training
Ein praxisnahes Abschlussprojekt
Flexibilität bei der Wahl der Kurse
Branchenanerkanntes Kursabschlusszertifikat
Wer sollte sich für dieses Programm anmelden?
Für diesen Kurs müssen Sie Erfahrung in der Entwicklung von Front-End-Webanwendungen mit HTML, CSS und JavaScript haben. Dieser React.js-Zertifizierungskurs ist für Webentwickler konzipiert, die UI/UX-Lösungen für mobile Anwendungen und Web-Apps entwerfen und erstellen und mit React mithilfe einer JavaScript-Bibliothek so effizient wie möglich gestalten möchten.
Webentwickler
Webdesigner
Full-Stack-Entwickler
Mobiler Entwickler
Benötigen Sie eine Unternehmenslösung oder 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!