enthaltenReact has become one of the most popular front-end JavaScript libraries, and for good reason. Its declarative syntax and efficient virtual DOM make it an ideal tool for building complex, interactive user interfaces. If you're new to React, this project will provide you with a solid foundation in the basics of building React applications. In this project, you will learn how to create React components using JSX syntax, and how to render them to the DOM using ReactDOM. You will also learn about the concept of parent-child data flow in React and how to implement it using props to pass data from parent components to child components. Additionally, you will learn how to use the useState() hook to manage state in functional React components, and how to implement dynamic behavior in your applications. Finally you gain a solid grasp of the useEffect() hook to manage side effects in a React component. In order to get the most out of this project, it is recommended learners have a background in the following: knowledge of Javascript DOM manipulation, basic Javascript programming such as setting variables, creating and calling functions, data types, conditional statements, events and loops, including map/filter methods, as well as importing and exporting modules.
Empfohlene Erfahrung
Was Sie lernen werden
Bootstrap a new React application using create-react-app
Implement parent-child data flow in React using props to pass data from parent components to child components
Utilise the useState hook to manage state in functional React components and inject dynamic behavior in their applications.
Kompetenzen, die Sie festigen
- Kategorie: Programming Principles
- Kategorie: javascript syntax
- Kategorie: JavaScript
- Kategorie: React
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 create React app project and connect reactDOM to index.html
Write our own custom encapsulation for an input element
Create a dynamic component by passing Props down the Render tree
Demonstrate your understanding of ReactDOM, component encapsulation and the render tree
Create uniderecitonal data flow with callback functions and state management
Implement Side Effects with the useEffect() Hook in React Functional Components
Cumulative Task
Empfohlene Erfahrung
Javascript DOM manipulation, programming: setting variables, functions, data types, conditional statements, events and loops, modules
7 Projektbilder
Dozent
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:
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.