Willkommen zu diesem Guided Project, in dem Sie lernen, wie Sie mit React eine Filmsuchanwendung erstellen. In der modernen Webentwicklung ist es wichtig zu wissen, wie man asynchrone API-Aufrufe tätigt und wie man Daten abruft. In diesem Tutorial werden Sie HTTP-Anfragen an eine Filmdatenbank API in ReactJS stellen und den useEffect-Hook von React verwenden, um den Zustand von Komponenten zu verwalten und die Daten zu rendern. Sie werden auch wiederverwendbare Komponenten erstellen und Requisiten zwischen ihnen übergeben. Aber was wäre eine React-Anwendung ohne etwas Stil? Keine Angst, Sie werden auch CSS verwenden, um Ihre App optisch ansprechend zu gestalten. Am Ende dieses Projekts werden Sie eine voll funktionsfähige Filmsuchanwendung erstellt haben, mit der Sie Filme zu einer Favoritenliste hinzufügen und entfernen können. Sie werden auch mit APIs, React-Hooks und CSS-Styling in React gearbeitet haben. Machen Sie sich bereit, Ihre Webentwicklungsfähigkeiten auf die nächste Stufe zu heben! Um das meiste aus diesem Projekt herauszuholen, sollten Sie über die folgenden Kenntnisse verfügen: Grundlegende Programmierkonzepte wie Variablen, Funktionen und bedingte Anweisungen. Vertrautheit mit der React.js Bibliothek, z. B. mit ihrer komponentenbasierten Architektur, Props und Status. Arbeit mit APIs unter Verwendung von JavaScript und Grundkenntnisse der Befehlszeile. Dieses Projekt sollte etwa 1 Stunde in Anspruch nehmen


Web-Entwicklung in React.js: Erstellen Sie eine Web-App

Dozent: Rudi Hinds
2.382 bereits angemeldet
Bei enthalten
(12 Bewertungen)
Empfohlene Erfahrung
Was Sie lernen werden
Übergabe von Daten zwischen Komponenten mit Hilfe von React's state und props
Verwalten von Daten durch asynchrone API-Aufrufe unter Verwendung der Lebenszyklusmethoden von React
CSS-Styling und Responsive Design in React-Komponenten implementieren
Kompetenzen, die Sie festigen
- Kategorie: Restful API
- Kategorie: Computerprogrammierung
- Kategorie: React.js
- Kategorie: UI Komponenten
- Kategorie: Web-Entwicklungstools
- Kategorie: JavaScript-Frameworks
- Kategorie: Webentwicklung
- Kategorie: Anwendungsentwicklung
- Kategorie: Web-Anwendungen
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Javascript
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:
Hinzufügen von Filmsuchfunktionen mit der OMDB API (14 min)
Erstellen von Komponenten und Zuständen zum Speichern und Rendern von Filmen (10 Min.)
Hinzufügen von Funktionen zum Löschen von Filmen und zum bedingten Rendern von Filmen (8 min)
Demonstrieren Sie Ihr Verständnis von React-Funktionskomponenten, Requisiten und Zuständen (2 min)
Erstellen einer modalen Komponente für zusätzliche Filmdetails (14 min)
Polnische Website mit CSS-Styling (7 min)
Kumulative Aufgabe (21 min)
Empfohlene Erfahrung
programmierkonzepte: Variablen, Funktionen, bedingte Anweisungen. React.js, props, state. Arbeiten mit APIs in JavaScript. Grundlegende Befehlszeile
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?




Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser Testzeitraum
Coursera

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
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.



