React.js Schulung - eLearning
450,00 EUR
- 50 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.
Hauptmerkmale
Sprache
Kurs und Material sind auf Englisch
Niveau
Anfänger bis Fortgeschrittene für angehende Software-Ingenieure
Zugang
1 Jahr Zugang zur Selbstlern-eLearning-Plattform rund um die Uhr
14 Stunden Videomaterial
mit einer empfohlenen Lernzeit von 50 Stunden
Virtuelles MEAN-Stack-Labor enthalten
2 Abschlussprojekt-Kurs
Keine Prüfung
Für den Kurs gibt es keine Prüfung, aber die Studierenden erhalten ein Zertifikat über die abgeschlossene Ausbildung
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
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.
Kurszeitplan
Kurseinführung
Lektion 01
- Was ist React
- Einrichten der Umgebung
(GitHub Finder) starten und React einrichten
Lektion 02
- Projektvorstellung
- Eine React-Anwendung erstellen und die Dateistruktur anzeigen
- Aufräumen und Vorbereitung von Create React App (CRA)
- Einführung in die JavaScript Syntaxerweiterung (JSX) und Fragmente
- Ausdrücke und Bedingungen in JSX
Komponentenzustände und Eigenschaften
Lektion 03
- Listen und das Übergeben eines Zustands mit Props
- Zustandslose Funktionale Komponenten
- HTTP-Anfragen bearbeiten und Zustände aktualisieren
- Spinner-Komponente und Refactoring
- Umgebungsvariablen
Übergabe von Props, React Router und mehr
Lektion 04
- Veranstaltungen und Suchkomponenten
- Übergeben von Props nach oben und das Suchen von Benutzern
- Benutzer aus Ihrem Zustand entfernen
- Einrichten des Alarmzustands und der Komponente
- Einrichten eines React-Routers
- Hinzufügen einer einzelnen Benutzerkomponente und Daten
- Erstellen einer Benutzerkomponenten-Oberfläche und des Layouts
- Repos und die Repoitem-Komponente
Refactoring von Hooks und Context API
Lektion 05
- Überblick über Hooks und die Context-API
- Eine Suchklasse verwenden, um mit dem useState-Hook zu funktionieren
- Eine User-Klasse verwenden, um mit dem useEffect-Hook zu arbeiten
- App-Klassenfunktionskomponente
- Implementierung der Context API und Verwendung des Reducers
- Reducer erstellen
- Benutzerstatus in die Context-API verschieben
- Verschieben des Zustands der Repositories in die Context-API
- Erstellung eines Workflow-Kontexts für Benachrichtigungen
- Erstellen der Home- und NotFound-Komponenten
- Vorbereitung und Bereitstellung auf Netlify
MongoDB, Express, React und Node (MERN)
Lektion 06
- Einrichten von MongoDB Atlas
- Erstellen von Abhängigkeiten und einem grundlegenden Express-Server
- Einrichten von Backend-Routen
- Verbindung von MongoDB mit der Anwendung herstellen
Backend-Benutzerkontakte und JSON-Web-Token-Authentifizierung
Lektion 07
- Benutzermodell und Validierung
- Passwörter hashen und Routen registrieren
- Erstellen und Antworten mit einem JSON-Web-Token
- Erstellen einer Authentifizierungsroute
- Authentifizierungsmiddleware und Schutz von Routen
- Erstellen eines Kontaktmodells und Abrufen der Kontaktstrecke
- Eine Kontaktmöglichkeit hinzufügen
- Kontakte aktualisieren und Routen löschen
Einrichtung Ihrer Benutzeroberfläche für Kunden und Kontakte
Lektion 08
- Einrichten von React und Concurrently
- Einrichtung der Bereinigung, Navigationsleiste und eines Routers
- Kontakte erstellen, Kontext und einen globalen Zustand
- Erstellen der Komponenten für Kontakte und Kontaktartikel
- Einen Kontakt aus der Benutzeroberfläche löschen
- Aktuelle Kontakte setzen und löschen
- Aktionen zum Bearbeiten und Aktualisieren von Kontakten hinzufügen
- Erstellen eines Kontaktfilterformulars und Zustands
- Erstellen einer grundlegenden Hinzufüge- und Löschanimation
Authentifizierung mit React oder Express
Lektion 09
- Erstellung des Authentifizierungskontextes und des initialen Zustands
- Erstellen von Registrierungs- und Anmeldeformularen
- Erstellen von Warnkontexten, Zuständen und Komponenten
- Erstellen eines Benutzerregistrierungsformulars
- Einen Benutzer laden und ein Token setzen
- Benutzeranmeldung erstellen
- Erstellen der Logout- und Navigationsleistenkomponenten
- Erstellen der PrivateRoute-Komponente
Integration und Bereitstellung der Contacts-API
Lektion 10
- Kontakte zur Datenbank hinzufügen
- Kontakte abrufen und löschen
- Kontakte löschen
- Kontakte aktualisieren
- Vorbereitung und Bereitstellung auf Heroku
Starte IT-Logger (Redux) Komponenten und Benutzeroberfläche
Lektion 11
- React und das JSON einrichten
- Einrichten von Materialize CSS
- Erstellen der SearchBar- und Logs-Komponenten
- Erstellen der Logitem- und Preloader-Komponenten
- Erstellen der AddBtn- und AddLogModal-Komponenten
- Hinzufügen der Bearbeitungs- und Tech-Modal-Komponenten
Redux Zustandsverwaltung
Lektion 12
- Einrichten des Redux-Speichers und des Providers
- Einrichten von Logs Reducer, Actions und Types
- Redux mit einer Komponente verbinden
- Hinzufügen, Löschen, Aktualisieren, Durchsuchen von Protokollen
Technikerstaat und seine Komponenten
Lektion 13
- Technik-Reducer, Aktionen und Komponenten
- Mit der Auswahlkomponente
- Techniker hinzufügen
- Techniker löschen
Wer sollte sich für dieses Programm einschreiben?
Dieser React.js-Zertifizierungskurs ist für Webentwickler konzipiert, die UI/UX-Lösungen für mobile Anwendungen und Web-Apps entwerfen und bauen und mit React mithilfe einer JavaScript-Bibliothek so effizient wie möglich gestalten möchten.
Voraussetzungen: Sie müssen Erfahrung in der Entwicklung von Front-End-Webanwendungen mit HTML, CSS und JavaScript haben.
Webentwickler
Webdesigner
Full-Stack-Entwickler
Mobiler Entwickler
Aussagen
Lizenzierung und Akkreditierung
Der React.Js-Zertifizierungskurs wird von Simplilearn gemäß der Partnerprogramm-Vereinbarung angeboten und entspricht den Anforderungen der Lizenzvereinbarung. AVC bewirbt diesen Kurs im Namen von Simplilearn.
Gleichstellungspolitik
Simplilearn stellt aufgrund einer Behinderung oder medizinischen Bedingung keiner Studierenden Unterkünfte zur Verfügung. Kandidaten werden ermutigt, sich an das AVC zu wenden, um während des Unterbringungsprozesses Anleitung und Unterstützung zu erhalten.
Häufig gestellte Frage
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!