Beschreibung
In dieser 3-tägigen Schulung "Einführung in React" lernen Sie, wie Sie die React.js-Bibliothek und JSX verwenden, um einfache datengesteuerte Benutzeroberflächen (UIs) zu erstellen. Sie erhalten einen Überblick über die notwendigen JavaScript-Konzepte, die für die Arbeit mit React erforderlich sind.
Der Kurs deckt die wichtigsten Konzepte, Komponenten, Architekturen und die Syntax ab, die bei der Entwicklung mit React verwendet werden. Hierbei werden Sie einen umfassenden Einblick in die Grundlagen von React gewinnen, um effektiv mit dieser Bibliothek zu arbeiten.
Am Ende des Kurses werden Sie ein solides Verständnis für React haben und in der Lage sein, eigene UIs mit React zu erstellen und zu gestalten.
Kommende Starttermine
Kommende Starttermine
Agenda
Entwicklung moderner Frontend-Anwendungen
- Überblick und Gemeinsamkeiten von React, Angular, Vue.js
- deklarative / State-basierte Architektur
- Komponenten - eigene HTML-Tags definieren
JavaScript Grundlagen für React
- Entwicklung mit node.js und npm
- Module (import und export)
- Pfeilfunktionen
- Funktionale Programmierung in JavaScript
TypeScript Grundlagen für React
- Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
- Type Aliases und Interfaces
- Type Assertions, Union Types, Generics
State (Anwendungszustand) verwalten
- Konzept der Immutability (Unveränderlichkeit)
- Festsetzen und Ändern des Anwendungszustands
- Arbeiten mit dem State-Hook in Funktionskomponenten
- Erfassen des Zustands von input-Elementen
JSX: die React-Templatesprache
- JavaScript-basierte Templatesyntax: JSX
- Binden von Inhalten und Properties
- Event-Handler
- CSS-Klassen und Stile
- if / else
- Elemente wiederholen
Komponenten: Grundbausteine moderner Web-Anwendungen
- Einbinden vorgefertigter Komponenten
- Definieren von Props in eigenen Komponenten
- Definieren von Events in eigenen Komponenten
- Datenfluss zwischen Komponenten
- Komponenten inspizieren mit den React Developer Tools
- Funktionskomponenten und Klassenkomponenten
Arbeiten mit Hooks
- Funktionsweise von Hooks in React
Verwenden von eingebauten und externen Hooks
APIs aus React abfragen
- Senden von HTTP-Requests via fetch
- Verwenden der Libary "react-query"
- Verwenden des effect-Hooks, um HTTP-Requests auszulösen
React Router
- Client-seitiges Routing
- Anzeigen verschiedener Ansichten basierend auf der Route
Vertiefung und Ausblick
- Überblick: Context: Teilen von Daten über einen Komponentenbaum hinweg
- Überblick: Erstellen eigener Hooks
- Überblick: Libraries für Styling und Formulare
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.
Inhouse/Firmenseminar
Zielgruppe / Voraussetzungen
Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:
- Erfahrungen in JavaScript, HTML und CSS sind wünschenswert.
Zielgruppe
- Front-End-Entwickler
Infos anfordern
New Elements GmbH / IT-Schulungen.com
Unter dem Namen IT-Schulungen.com betreibt die Nürnberger New Elements GmbH seit über zwei Jahrzehnten eines der bedeutendsten Bildungszentren im deutschsprachigen Raum. Das Bildungszentrum befindet sich im renommierten Nordostpark in Nürnberg, in den industriehistorisch berühmten Räumlichkeiten der Bell-Laboratories von Alcatel-Lucent. Das...
Erfahren Sie mehr über New Elements GmbH / IT-Schulungen.com und weitere Kurse des Anbieters.