Von einer Frontend-Anwendung erwartet man eine attraktive, reaktionsschnelle Benutzeroberfl盲che und eine nahtlose UX mit schnell navigierbaren Ansichten. Single Page Applications (SPAs) erf眉llen diese Erwartungen, da sie leichter und effizienter sind. React, eine beliebte JavaScript-Bibliothek, wird 蹿眉谤 die Entwicklung komplexer Benutzeroberfl盲chen 蹿眉谤 Single Page Applications (SPAs) verwendet. Facebook, Instagram, Netflix, Airbnb usw. sind einige der ber眉hmten Websites, die React verwenden.

noch 3 Tage: Entdecken Sie neue F盲higkeiten mit 30% Rabatt auf Kurse von Branchenexperten. Jetzt sparen.


Interaktive Benutzeroberfl盲chen mit der React-Bibliothek erstellen
Dieser Kurs ist Teil von Spezialisierung 蹿眉谤 Frontend-Entwicklung mit React

Dozent: NIIT
2.351 bereits angemeldet
Bei enthalten
Was Sie lernen werden
Entwickeln Sie eine attraktive, reaktionsschnelle Benutzeroberfl盲che und eine nahtlose UX mit schnell navigierbaren Ansichten unter Verwendung von React Class-Komponenten
Kompetenzen, die Sie erwerben
- Kategorie: Software-Tests
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Ereignisgesteuerte Programmierung
- Kategorie: Einheitstest
- Kategorie: Schnittstelle zur Anwendungsprogrammierung (API)
- Kategorie: Jest (JavaScript Testing Framework)
- Kategorie: Javascript
- Kategorie: JavaScript-Frameworks
- Kategorie: React.js
- Kategorie: Benutzeroberfl盲che (UI)
- Kategorie: UI Komponenten
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzuf眉gen
5 Aufgaben
Erfahren Sie, wie Mitarbeiter f眉hrender Unternehmen gefragte Kompetenzen erwerben.

Erweitern Sie Ihre Fachkenntnisse
- Lernen Sie neue Konzepte von Branchenexperten
- Gewinnen Sie ein Grundverst盲ndnis bestimmter Themen oder Tools
- Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
- Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 5 Module
Das React-Element ist der grundlegende Baustein, der 蹿眉谤 die Entwicklung von React SPAs verwendet wird. Als Entwickler wird von Ihnen erwartet, dass Sie die zustandslosen funktionalen Komponenten von React unter Verwendung der React-Elemente erstellen. In diesem Lernsprint werden Sie die Techniken zur bedingten Darstellung von React-Elementen sowie die Techniken zur Darstellung mehrerer Komponenten kennenlernen. Die praktischen 脺bungen in diesem Lernsprint werden Sie in die Lage versetzen, React zu bestehenden Websites hinzuzuf眉gen und funktionale Komponenten unter Verwendung der React-Elemente zu erstellen.
Das ist alles enthalten
13 Videos2 Lekt眉ren1 Aufgabe1 Programmieraufgabe
Interaktive React-Webseiten erfordern zustandsbehaftete Komponenten, um ihren eigenen Zustand zu verwalten, der mit Hilfe von Requisiten an die untergeordneten Komponenten weitergegeben werden kann. Als Entwickler m眉ssen Sie zustandsbehaftete Komponenten erstellen, um Benutzereingaben zu akzeptieren, interaktive Elemente hinzuzuf眉gen und Daten vor dem Rendern abzurufen. In diesem Lernsprint lernen Sie, Komponenten der React-Klasse zu erstellen und den Zustand durch die Verarbeitung von Ereignissen zu verwalten. Sie werden das Konzept des virtuellen DOM und der Vers枚hnung erkunden. Praktische 脺bungen werden Ihnen dabei helfen, zustandsbehaftete Klassenkomponenten mit besserer Lesbarkeit des Codes unter Verwendung der JSX-Syntax zu erstellen.
Das ist alles enthalten
12 Videos1 Lekt眉re1 Aufgabe1 Programmieraufgabe
Single Page Applications, die auf der Grundlage eines komponentenbasierten Ansatzes erstellt werden, lassen sich gut skalieren, da die Komponenten wiederverwendet werden k枚nnen. Bei der Entwicklung einer SPA besteht der erste Schritt darin, Komponenten zu identifizieren und ihre Hierarchie aufzubauen. Als Front-End-Entwickler m眉ssen Sie wiederverwendbare Komponenten 蹿眉谤 die React-Webanwendung identifizieren und erstellen. In diesem Lernsprint werden Sie die Prinzipien kennenlernen, die 蹿眉谤 die Zerlegung einer Benutzeroberfl盲che in eine Komponentenhierarchie erforderlich sind. Sie werden auch lernen, wie Sie Daten zwischen mehreren Komponenten austauschen k枚nnen. Durch praktische 脺bungen erwerben Sie die F盲higkeit, React-Projekte schnell mit dem Tool create-react-app zu erstellen, das ein modernes Build-Setup ohne jegliche Konfiguration bietet.
Das ist alles enthalten
16 Videos1 Lekt眉re1 Aufgabe2 Programmieraufgaben
Die Zustandsverwaltung ist ein komplexer Prozess, der ein klares Verst盲ndnis des Lebenszyklus einer Komponente erfordert. Um den Zustand in den verschiedenen Phasen des Lebens einer Komponente effizient zu verwalten, muss ein Frontend-Entwickler 眉ber die F盲higkeit verf眉gen, m眉helos mit den Lebenszyklusmethoden der React-Komponente zu arbeiten. In diesem Lernsprint lernen Sie die verschiedenen Lebenszyklusmethoden kennen, die bei der 脺berwachung und Manipulation der Komponenten der React-Klasse helfen. Die praktischen 脺bungen in diesem Sprint erm枚glichen es Ihnen, den Zustand der Komponente zu verwalten, w盲hrend Sie Daten vom Server abrufen und JavaScript-Fehler behandeln
Das ist alles enthalten
13 Videos1 Lekt眉re1 Aufgabe2 Programmieraufgaben
Testen ist ein integraler Bestandteil der Entwicklung, da es dazu beitr盲gt, Defekte/Fehler bereits in den fr眉hen Phasen der Entwicklung zu identifizieren. Beim Unit-Testing werden die einzelnen Komponenten des Softwareprogramms oder der Anwendung getestet. Als React-Entwickler sollten die Komponenten angemessen auf Korrektheit, Vollst盲ndigkeit und Leistung getestet werden. In diesem Lernsprint lernen Sie, wie man Testcode zum Testen von React-Klassenkomponenten mit dem Jest-Framework schreibt. Die praktischen 脺bungen dieses Sprints helfen Ihnen, g盲ngige Testmuster 蹿眉谤 das Schreiben von Testcode zu erkunden. Die 脺bungen werden Sie in die Lage versetzen, Testf盲lle 蹿眉谤 verschiedene Szenarien der Zustandsverwaltung zu schreiben.
Das ist alles enthalten
18 Videos1 Lekt眉re1 Aufgabe1 Programmieraufgabe
Erwerben Sie ein Karrierezertifikat.
F眉gen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
Mehr von Mobile und Web-Entwicklung entdecken
- Status: Kostenloser Testzeitraum
Meta
- Status: Kostenloser Testzeitraum
Scrimba
- Status: Kostenloser Testzeitraum
- Status: Kostenloser Testzeitraum
Scrimba
Warum entscheiden sich Menschen 蹿眉谤 糖心vlog官网观看 蹿眉谤 ihre Karriere?





Neue Karrierem枚glichkeiten mit 糖心vlog官网观看 Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universit盲ten 鈥 100聽% online
Schlie脽en Sie sich mehr als 3.400聽Unternehmen in aller Welt an, die sich 蹿眉谤 糖心vlog官网观看 for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
H盲ufig gestellte Fragen
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, m眉ssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich 蹿眉谤 einen Kurs anmelden. Sie k枚nnen stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterst眉tzung beantragen. Der Kurs kann stattdessen die Option "Vollst盲ndiger Kurs, kein Zertifikat" anbieten. Mit dieser Option k枚nnen Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben k枚nnen.
Wenn Sie sich 蹿眉谤 den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugef眉gt - von dort aus k枚nnen Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzuf眉gen.
Wenn Sie ein Abonnement abgeschlossen haben, erhalten Sie eine kostenlose 7-t盲gige Testphase, in der Sie kostenlos k眉ndigen k枚nnen. Danach gew盲hren wir keine R眉ckerstattung, aber Sie k枚nnen Ihr Abonnement jederzeit k眉ndigen. Siehe unsere vollst盲ndigen R眉ckerstattungsbedingungen.
Weitere Fragen
Finanzielle Unterst眉tzung verf眉gbar,