React hat sich zu einer der beliebtesten Front-End JavaScript-Bibliotheken entwickelt, und das aus gutem Grund. Seine deklarative Syntax und sein effizientes virtuelles DOM machen es zu einem idealen Werkzeug für die Erstellung komplexer, interaktiver Benutzeroberflächen. Wenn Sie React noch nicht kennen, wird Ihnen dieses Projekt eine solide Grundlage für die Erstellung von React-Anwendungen bieten. In diesem Projekt lernen Sie, wie Sie React-Komponenten mit der JSX-Syntax erstellen und sie mit ReactDOM in das DOM rendern können. Außerdem lernen Sie das Konzept des Eltern-Kind-Datenflusses in React kennen und erfahren, wie Sie es mit Hilfe von props implementieren, um Daten von Elternkomponenten an Kindkomponenten weiterzugeben. Außerdem lernen Sie, wie Sie den useState()-Hook verwenden, um den Zustand in funktionalen React-Komponenten zu verwalten, und wie Sie dynamisches Verhalten in Ihren Anwendungen implementieren. Schließlich lernen Sie den useEffect()-Hook zur Verwaltung von Seiteneffekten in einer React-Komponente kennen. Um den größtmöglichen Nutzen aus diesem Projekt zu ziehen, sollten Sie über folgende Vorkenntnisse verfügen: Kenntnisse der DOM-Manipulation in JavaScript, grundlegende Javascript-Programmierung wie das Setzen von Variablen, das Erstellen und Aufrufen von Funktionen, Datentypen, bedingte Anweisungen, Ereignisse und Schleifen, einschließlich Map-/Filter-Methoden, sowie das Importieren und Exportieren von Modulen. Die Bearbeitung dieses Projekts sollte etwa 1 Stunde in Anspruch nehmen

Genießen Sie unbegrenztes Wachstum mit einem Jahr Coursera Plus für 199 $ (regulär 399 $). Jetzt sparen.

Web-Entwicklung in React.js: Grundlagen der Entwicklung

Dozent: Rudi Hinds
1.701 bereits angemeldet
Bei enthalten
(13 Bewertungen)
Empfohlene Erfahrung
Was Sie lernen werden
Bootstrap einer neuen React-Anwendung mit create-react-app
Implementieren eines Eltern-Kind-Datenflusses in React unter Verwendung von Props, um Daten von übergeordneten Komponenten an untergeordnete Komponenten zu übergeben
Nutzen Sie den useState-Hook, um Zustände in funktionalen React-Komponenten zu verwalten und dynamisches Verhalten in ihre Anwendungen zu integrieren.
Kompetenzen, die Sie festigen
- Kategorie: JavaScript-Frameworks
- Kategorie: UI Komponenten
- Kategorie: Grundsätze der Programmierung
- Kategorie: Javascript
- Kategorie: React.js
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Web-Entwicklungstools
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien

Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Bootstrap erstellt React-App-Projekt und verbindet reactDOM mit index.html
Schreiben einer eigenen Datenkapselung für ein Eingabeelement
Erstellen einer dynamischen Komponente durch Übergabe von Requisiten im Render-Baum
Demonstrieren Sie Ihr Verständnis von ReactDOM, der Datenkapselung von Komponenten und dem Renderbaum
Schaffung eines uniderruflichen Datenflusses mit Rückruf-Funktionen und Zustandsverwaltung
Implementierung von Seiteneffekten mit dem useEffect()-Hook in React-Funktionskomponenten
Kumulative Aufgabe
Empfohlene Erfahrung
JavaScript DOM-Manipulation, Programmierung: Setzen von Variablen, Funktionen, Datentypen, bedingte Anweisungen, Ereignisse und Schleifen, Module
7 Projektbilder
Dozent

von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?




Bewertungen von Lernenden
13 Bewertungen
- 5 stars
53,84 %
- 4 stars
30,76 %
- 3 stars
7,69 %
- 2 stars
7,69 %
- 1 star
0 %
Zeigt 3 von 13 an
Geprüft am 3. März 2025
The course is excellent and detailed, I really learned a lot from this course
Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser Testzeitraum
Status: Kostenloser TestzeitraumMeta
Status: Kostenloser Testzeitraum
Coursera
Häufig gestellte Fragen
Mit dem Kauf eines angeleiteten Projekts erhalten Sie alles, was Sie zum Abschließen des angeleiteten Projekts benötigen, einschließlich des Zugriffs auf einen Cloud-Desktop-Arbeitsbereich über Ihren Webbrowser, der die Dateien und Software enthält, die Sie für den Start benötigen, sowie schrittweise Videoanweisungen von einem Fachexperten.
Da Ihr Arbeitsbereich einen Cloud-Desktop enthält, der für einen Laptop oder Desktop-Computer ausgelegt ist, sind angeleitete Projekte auf Ihrem Mobilgerät nicht verfügbar.
Die Dozenten bei angeleiteten Projekten sind Fachexperten, die Erfahrung in den Fähigkeiten, Werkzeugen oder Bereichen der jeweiligen Projekte haben und leidenschaftlich daran interessiert sind, ihr Wissen weiterzugeben und so Millionen von Lernenden auf der ganzen Welt zu beeinflussen.




