Beschreibung
React.js (Mobile & Software Development - Programmering)
Ziel
Der React.js-Schulungskurs von AVC vermittelt fundierte Kenntnisse über React, ein führendes Web-Framework zur Erstellung von Benutzeroberflächen. Lernen Sie die Grundlagen von JSX, Props, State und Events kennen und vertiefen Sie Ihr Verständnis für Redux, einschließlich Reducer, Actions und dem State-Tree. Ideal für alle, die ihre Fähigkeiten in der Frontend-Entwicklung erweitern möchten.
Kommende Starttermine
Inhalte / Module
Kursübersicht: ES6 und React
Lektion 01: Einführung in ES6
- Einleitung
- Array-Hilfsmethoden
- Let und Const
- Template-Literale
- Pfeilfunktionen
- Standardparameter für Funktionen
- Ruhe- und Verbreitungsoperator
- Dekonstruktion
- Klassen
- Promises (Versprechen)
- Fetch (Holen)
- Grundlagen von React
Lektion 02: Einführung in React
- Warum React?
- Benutzeroberfläche rendern
- Komponenten in React
- Komponenten-Lebenszyklusereignisse
- Formulare erstellen
- Komponenteninteraktion
- React Router
- Einführung in Redux
Lektion 03: Redux für React
- Warum Redux?
- Kernkonzepte von Redux
- Verwendung von React und Redux
Lektion 04: Fortgeschrittenes Redux
- React-Redux-Node-Paket
- Anbieterkomponente (Provider Component)
- Verbindung von React-Komponenten mit Redux-Store
- Reducer-Komposition
- Normalisierung in Redux
- Redux Middleware
E-Learning Lehrplan für React
Lektion 01: Kurs- & Projektübersicht
- Willkommen zum Kurs
- Übersicht: Kurs & Projekt
- Erste Schritte
Lektion 02: Grundlagen von React
- Was ist React?
- Umgebung einrichten
- Auffrischung: ES6-Teil 1, 2 & 3
- Create React App vs. Manuelle Einrichtung
- CLI-Installation & Nutzung
- Erste React-Dateien und ihre Funktionsweise
- Komponenten, JSX & Eigenschaften
Lektion 03: Arbeiten mit JSX & Komponenten
- Komponentenorientiertes Denken
- Was ist JSX?
- JSX-Ausdrücke
- Erste Komponente erstellen
- Funktionale Komponenten
- Arbeiten mit Props
- Typüberprüfung mit PropTypes
- CSS und Bootstrap in React
- State & Context-API
Lektion 04: Umgang mit Zustandsänderungen
- Zustandsänderung von einer anderen Komponente
- Verwendung der Context API & Provider State
- Kontext-Reducer für Aktionen
- Ereignisse in React & Zustandsänderungen
- Mit Formularen arbeiten
Lektion 05: Formulare in React
- Formular mit Zustand erstellen
- Kontrollierte Komponenten & onChange-Handler
- DRY-Code mit TextInputGroup-Komponente
- Unkontrollierte Komponenten & Referenzen
- Formularaktion & Fehlerprüfung
- Einführung in React Router v4
Lektion 06: React Router & Navigation
- React Router einrichten
- Links, Parameter & Weiterleitungen
- 404-Seite
- Lebenszyklusmethoden & HTTP-Anfragen
- App bereitstellen
Lektion 07: HTTP-Anfragen & Lifecycle
- GET-, POST- und DELETE-Anfragen
- Async/Await in React
- PUT-Anfrage & Aktualisierungen
- Veröffentlichung auf GitHub Pages
Lektion 08: Redux in der Praxis
- Einführung in Redux
- Einrichtung des Redux-Stores & Kontakt-Reducer
- Aktionen versenden & Komponenten verbinden
- Redux Thunk & HTTP-Handling
Lektion 09: HTTP & Redux
- GET-, POST-, DELETE-Anfragen mit Redux
- PUT-Anfrage & Bearbeitung von Daten
- Bereitstellung auf Apache
Lektion 10: Firebase-Projekt (Teil 1)
- Einführung in Firebase Firestore
- Einrichtung & AppNavbar
- Dashboard, Sidebar & Kundenkomponente
- React-Redux-Firebase einrichten
- Kunden zu Firestore hinzufügen & bearbeiten
Lektion 11: Firebase-Projekt (Teil 2)
- Login & Abmeldung
- Navigationsleiste aktualisieren
- Routen- & Benachrichtigungsschutz
- Einstellungen & Speicherung im LocalStorage
- Registrierung und Bereitstellung in Firebase
Abschlussprojekt
Event-Finder-App
- Erstelle eine React-App zur Verwaltung von Veranstaltungen
- Integration eines JSON-Servers für Backend-Testzwecke
- Zustandshandling mit Redux
Aufbau & Organisation
Adding Value ist eine führende eLearning-Plattform, die sich auf die Bereitstellung qualitativ hochwertiger Online-Bildungslösungen für Einzelpersonen und Unternehmen spezialisiert hat. Die Organisation setzt auf innovative Lerntechnologien und maßgeschneiderte Schulungsprogramme, um berufliche Fähigkeiten und Kompetenzen zu fördern.
Organisationsaufbau:
- Geschäftsführung:
- Leitung und strategische Ausrichtung der Organisation.
- Entscheidungsträger für langfristige Unternehmensziele und Partnerschaften.
- Produktentwicklung:
- Entwicklung und Aktualisierung der eLearning-Kurse.
- Integration von interaktiven Lernmodulen und neuen Technologien.
- Inhaltserstellung:
- Erstellung von Kursmaterialien durch Experten.
- Sicherstellung der Qualität und Aktualität der Inhalte.
- Technologie & IT:
- Wartung und Weiterentwicklung der Lernplattform.
- Gewährleistung der Datensicherheit und Benutzerfreundlichkeit.
- Kundenservice:
- Unterstützung der Lernenden bei technischen und inhaltlichen Fragen.
- Bereitstellung von Support und Beratung.
- Marketing & Vertrieb:
- Vermarktung der eLearning-Angebote.
- Aufbau und Pflege von Kundenbeziehungen.
- Human Resources:
- Rekrutierung und Weiterbildung von Mitarbeitern.
- Pflege der Unternehmenskultur und Mitarbeiterzufriedenheit.
Adding Value zeichnet sich durch eine klare Struktur und eine starke Fokussierung auf die Bedürfnisse der Lernenden aus, was zur kontinuierlichen Verbesserung und Erweiterung ihres Bildungsangebots beiträgt.
Zielgruppe / Voraussetzungen
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
Abschlussqualifikation / Zertifikat
Teilnahmezertifikat
Kostenzusatz
Enthalten sind die Seminarunterlagen und die Prüfung
Adding Value Consulting
Wir bieten eine umfangreiche Palette an eLearning-Lösungen an, die speziell darauf ausgerichtet sind, den Wert Ihres Unternehmens und ihrer Skills durch gezielte Weiterbildung zu steigern. Mit einem breiten Angebot an Online-Kursen, interaktiven Lernmodulen und maßgeschneiderten Schulungen unterstützt Adding Value sowohl...
Erfahren Sie mehr über Adding Value Consulting und weitere Kurse des Anbieters.