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 für die Entwicklung komplexer Benutzeroberflächen für Single Page Applications (SPAs) verwendet. Facebook, Instagram, Netflix, Airbnb usw. sind einige der berühmten Websites, die React verwenden.
Interaktive Benutzeroberflächen mit der React-Bibliothek erstellen
Dieser Kurs ist Teil von Spezialisierung Frontend-Entwicklung mit React
Dozent: NIIT
2.012 bereits angemeldet
Bei enthalten
Empfohlene Erfahrung
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: Scherz
- Kategorie: React (Web-Framework)
- Kategorie: JSX
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
Erwerben Sie ein Karrierezertifikat.
Fügen Sie diese Qualifikation zur Ihrem LinkedIn-Profil oder Ihrem Lebenslauf hinzu.
Teilen Sie es in den sozialen Medien und in Ihrer Leistungsbeurteilung.
In diesem Kurs gibt es 5 Module
Das React-Element ist der grundlegende Baustein, der für 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 für die React-Webanwendung identifizieren und erstellen. In diesem Lernsprint werden Sie die Prinzipien kennenlernen, die für 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 für das Schreiben von Testcode zu erkunden. Die Übungen werden Sie in die Lage versetzen, Testfälle für verschiedene Szenarien der Zustandsverwaltung zu schreiben.
Das ist alles enthalten
18 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe
Empfohlen, wenn Sie sich für Mobile und Web-Entwicklung interessieren
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Neue Karrieremöglichkeiten mit Coursera 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 für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
Häufig gestellte Fragen
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Einschreibung ab. Wenn Sie einen Kurs im Prüfungsmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung während oder nach Ihrer Prüfung erwerben. Wenn Sie die Prüfungsoption nicht sehen:
Der Kurs bietet möglicherweise keine Prüfungsoption. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
Der Kurs bietet möglicherweise stattdessen die Option 'Vollständiger Kurs, kein Zertifikat'. 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 für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Specializations, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Erfolgsseite hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder zu Ihrem LinkedIn-Profil hinzufügen. Wenn Sie die Kursinhalte nur lesen und ansehen möchten, können Sie den Kurs kostenlos besuchen.
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.