IBM
Entwicklung von Front-End-Anwendungen mit React
IBM

Entwicklung von Front-End-Anwendungen mit React

IBM Skills Network Team
Richa Arora

Dozenten: IBM Skills Network Team

66.523 bereits angemeldet

Bei Coursera Plus enthalten

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
4.3

(548 Bewertungen)

Stufe Mittel

Empfohlene Erfahrung

Flexibler Zeitplan
Ca. 14 Stunden
In Ihrem eigenen Lerntempo lernen
94%
Den meisten Lernenden gefiel dieser Kurs
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
4.3

(548 Bewertungen)

Stufe Mittel

Empfohlene Erfahrung

Flexibler Zeitplan
Ca. 14 Stunden
In Ihrem eigenen Lerntempo lernen
94%
Den meisten Lernenden gefiel dieser Kurs

Was Sie lernen werden

  • Entwickeln Sie interaktive Benutzeroberflächen (UIs) und Webanwendungen mit JavaScript-Technologien wie React, JSX und ES6.

  • Erstellen Sie schnell und einfach dynamische Front-End-Anwendungen mit wiederverwendbaren React-Komponenten.

  • Verwendung verschiedener React-Konzepte und -Funktionen, einschließlich props, states, hooks, forms und Redux.

  • Stellen Sie Ihre React-Kenntnisse unter Beweis, indem Sie mehrere Front-End-Anwendungen, wie z. B. einen Einkaufswagen, erstellen.

Kompetenzen, die Sie erwerben

  • Kategorie: React (Web-Framework)
  • Kategorie: Front-End-Entwicklung
  • Kategorie: Webentwicklung
  • Kategorie: JavaScript
  • Kategorie: Benutzeroberfläche

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

9 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Platzhalter

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist als Teil verfügbar
Wenn Sie sich für diesen Kurs anmelden, müssen Sie auch ein bestimmtes Programm auswählen.
  • 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
Platzhalter
Platzhalter

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.

Platzhalter

In diesem Kurs gibt es 4 Module

In diesem Modul beginnen Sie mit der Erforschung von Frameworks und deren Einsatz in der React-Webentwicklung. Sie beginnen mit dem Vergleich von Bibliotheken und Frameworks und erforschen dann Front-End-Frameworks weiter, indem Sie die wichtigsten Funktionen von React kennenlernen. Darüber hinaus wird das Modul das Vite-Build-Tool für die Erstellung von React-Projekten vorstellen und Sie durch das Einrichten einer React-Anwendung führen. Das Verständnis der Verzeichnisstruktur wird Ihren Arbeitsablauf rationalisieren. Darüber hinaus werden in diesem Modul die Grundlagen von EcmaScript6 (ES6) und JSX behandelt, einschließlich Syntax und Kompilierung, damit Sie mühelos dynamische React-Komponenten erstellen können. Im weiteren Verlauf werden Sie sich mit den Konzepten der Zustandsverwaltung, der Verwendung von Requisiten und der Handhabung von Ereignissen für jeden Typ befassen. Schließlich werden Sie das Konzept von Zuständen und Requisiten beherrschen und verstehen, wie Daten innerhalb Ihrer Komponenten fließen.

Das ist alles enthalten

11 Videos3 Lektüren3 Aufgaben2 App-Elemente1 Diskussionsthema4 Plug-ins

In diesem Modul lernen Sie Konzepte zur Erstellung dynamischer React-Anwendungen kennen, darunter Funktionskomponenten, Arrays und die Verwendung des virtuellen DOM. Die erste Lektion beginnt mit der Erforschung von Requisiten, Standard-Requisiten und der Ereignisbehandlung, um Daten zu übergeben und Interaktionen zwischen Komponenten zu erstellen. Als Nächstes werden Sie sich mit der Komponentenkomposition befassen und deren Prinzipien anhand praktischer Beispiele kennenlernen. Sie werden auch ein solides Verständnis der Zustandsverwaltung in Funktionskomponenten erlangen. Außerdem werden Sie den useState-Hook zur effizienten Manipulation von Komponentenzuständen beherrschen. In Lektion zwei werden Sie Arrays in React-Komponenten und das virtuelle DOM erkunden. Am Ende dieses Moduls werden Sie in der Lage sein, Webanwendungen mit Reacts Array-Handling und dem virtuellen DOM zu erstellen.

Das ist alles enthalten

7 Videos2 Lektüren3 Aufgaben2 App-Elemente3 Plug-ins

In der ersten Lektion dieses Moduls werden Sie React-Hooks und ihre Verwendung für die Formularverwaltung kennenlernen. Außerdem lernen Sie, wie Sie Daten von externen Diensten von Drittanbietern abrufen und sie mit den von Ihnen erstellten Formularen verarbeiten können. In der zweiten Lektion lernen Sie die Kernkonzepte der Redux-Bibliothek kennen, z. B. die Verwendung von Aktionen, des Redux-Speichers und von Reduzierern zur Verwaltung des Zustands ganzer Anwendungen. Sie erkunden auch die Vorteile und Anwendungsfälle von Redux. Das Modul befasst sich auch mit den Herausforderungen, die mit der Verwendung eines synchronen Tools wie Redux verbunden sind, und wie diese mit Bibliotheken wie Saga und Thunk überwunden werden können. Darüber hinaus wird in dieser Lektion das Redux Toolkit vorgestellt, eine Reihe von Dienstprogrammen, die Redux-Aufgaben vereinfachen und die Zustandsverwaltung in Ihren React-Anwendungen rationalisieren.

Das ist alles enthalten

9 Videos2 Lektüren3 Aufgaben3 App-Elemente3 Plug-ins

Sie werden eine React-Einkaufswagen-App für Ihr Abschlussprojekt im letzten Modul erstellen. Sie erhalten eine Note für das Projekt durch eine Peer-Bewertung. Sie werden auch eines der Projekte Ihrer Mitschüler anhand einer Rubrik mit objektiven Bewertungskriterien bewerten. Sie werden viele der in den Lehrmodulen erlernten Fähigkeiten anwenden und integrieren, einschließlich der Erstellung funktionaler Komponenten und der Aktualisierung dieser Komponenten mithilfe von Zuständen und Hooks. Sie werden Redux verwenden, um Zustände innerhalb Ihrer Anwendung mithilfe von Actions, Reducer und dem Store zu verwalten. Die Projektarchitektur ermöglicht es Ihnen, Komponenten mithilfe einer Verschachtelungsstruktur zusammenzustellen. Sie werden auch Seiteneffekte mit useEffect-Hooks verwalten. Sie werden Benutzerereignisse behandeln, um abgeholte Daten aus einem Array zu rendern und entsprechende Aktionen auszulösen. Dieses Modul enthält ein Übungsprojekt, das Sie bei der Entwicklung der erforderlichen Komponenten und Funktionen im endgültigen Projekt unterstützen wird.

Das ist alles enthalten

2 Videos2 Lektüren1 peer review3 App-Elemente2 Plug-ins

Dozenten

Lehrkraftbewertungen
4.0 (134 Bewertungen)
IBM Skills Network Team
IBM
58 Kurse982.997 Lernende

von

IBM

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Bewertungen von Lernenden

Zeigt 3 von 548

4.3

548 Bewertungen

  • 5 stars

    65,75 %

  • 4 stars

    16,39 %

  • 3 stars

    6,92 %

  • 2 stars

    4,55 %

  • 1 star

    6,37 %

JV
5

Geprüft am 11. Juni 2023

SS
5

Geprüft am 31. Okt. 2024

TN
5

Geprüft am 14. Okt. 2024

Platzhalter

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu über 7.000 erstklassigen Kursen, praktischen Projekten und Zertifikatsprogrammen, die Sie auf den Beruf vorbereiten – 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