Dieser Kurs ist Teil der Spezialisierung Spezialisierung Frontend Development using React

NIIT

von

Spezialisierung Frontend Development using React NIIT

Über diesen Kurs

React Components are generally implemented using Classes. Although they work well, they have their own set of limitations. The stateful logic provided by the class components lack reusability. To enhance the productivity, codes developers are expected to develop codes with reusability. 
This course will enable you to develop simple, readable, React components with reusable stateful logic using JavaScript functions and React Hooks. You will also explore the different React Hooks and test the stateful logic.

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Kurs 5 von 8 in

Spezialisierung Frontend Development using React

Stufe „Mittel“

Ca. 6 Stunden zum Abschließen

Englisch

Könnte Ihr Unternehmen von Mitarbeiterweiterbildungen für gefragte Kompetenzen profitieren?

Probieren Sie Coursera for Business aus

Was Sie lernen werden

Build React functional components and create reusable and testable stateful logic using React Hooks

Kompetenzen, die Sie erwerben

React Hooks
React Hooks testing library

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Kurs 5 von 8 in

Spezialisierung Frontend Development using React

Stufe „Mittel“

Ca. 6 Stunden zum Abschließen

Englisch

Könnte Ihr Unternehmen von Mitarbeiterweiterbildungen für gefragte Kompetenzen profitieren?

Probieren Sie Coursera for Business aus

Dozent

NIIT

7.990 Lernende

13 Kurse

von

NIIT

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

Weitere Informationen zu Coursera für Unternehmen

Lehrplan - Was Sie in diesem Kurs lernen werden

Woche

Woche 1

3 Stunden zum Abschließen

Build React Components using Functions and React Hooks

"A component is the fundamental unit of an SPA which is reusable as it can exist independently. In React, the state of the component is managed within the component. It is therefore recommended to develop a reusable stateful logic that can be used by multiple components. As a React developer, you need to create function components that support Hooks for creating reusable stateful logic .In this learning sprint, you will explore built-in React Hooks and develop custom Hooks with reusable stateful logic. The hands-on assignments included in this learning sprint will enable you to manage state in function components, create side effects like fetching data from the server or handling timer events using built-in React Hooks. You will also learn to develop reusable stateful logic using custom Hooks."

3 Stunden zum Abschließen

19 Videos (Gesamt 66 min), 2 Lektüren, 3 Quiz

19 Videos

Context Setting5m

Create Function Components1m

Watch and Repeat : Display Greetings Message With Username2m

Recall State Management in React7m

Manage State Using useState Hook1m

Watch and Repeat : Display Count of Button Clicks2m

Handle State Management Efficiently Using useReducer Hook1m

Watch and Repeat : Implement State Management With User Authentication10m

Create Custom Hooks for Reusable Stateful logic1m

Watch and Repeat : Develop Reusable Stateful Logic to Track Mouse Position3m

Produce Side Effects Using useEffect Hook5m

Watch and Repeat : Display the Duration for which Web Page was Viewed2m

Sharing Data among Components Using useContext Hook1m

Watch and Repeat : Define Dark and Light Themes and Apply it to Multiple Components4m

Practice Brief3m

Practice Debrief4m

Challenge Brief2m

Challenge Debrief3m

Learning Consolidation1m

2 Lektüren

Instructions to upload the Programming Assignment Solution10m

Build React Components using Functions and React Hooks10m

1 praktische Übung

Build React Components using Functions and React Hooks35m

Woche

Woche 2

3 Stunden zum Abschließen

Test Custom Hooks Using React Hooks Testing Library

"Any unit of the code written should be testable. In React, the custom Hooks help to develop reusable stateful logic and hence, as a developer you should write a test code to test the custom Hooks.In this learning sprint, you will explore the functionalities provided by the react-hooks-testing-library for testing custom Hooks. The hands-on assignments included with the sprint will enable you to write test cases to test custom Hooks that manage the state of the component with event triggers, asynchronous server calls and change in props or context values."

3 Stunden zum Abschließen

16 Videos (Gesamt 44 min), 1 Lektüre, 2 Quiz

16 Videos

Context Setting1m

Watch and Repeat : Test Custom Hook3m

Make Use of React-Hooks-Testing-Library to test Custom Hooks3m

Test for Initial State Values on Rendering1m

Watch and Repeat : Test Custom Hook on Rendering3m

Test for State Changes on Event Trigger43

Watch and Repeat : Test Custom Hook on State Updates4m

Test for State Changes on Change in Props45

Watch and Repeat : Test Custom Hook for State Updates by Props4m

Test for State Changes on Change in Context Value54

Watch and Repeat : Test Custom Hook on State Updates by Context Values4m

Test for State Changes on Asynchronous Updates1m

Watch and Repeat : Test Custom Hook for Asynchronous State Updates4m

Practice Brief2m

Practice Debrief5m

Learning Consolidation1m

1 Lektüre

Test Custom Hooks Using React Hooks Testing Library10m

1 praktische Übung

Test Custom Hooks Using React Hooks Testing Library30m

Über den Spezialisierung Frontend Development using React

If innovation and creativity in technology attracts you and developing impressive webpages are your passion, then this specialization is for you.

Front-end developers are skilled professionals who are experts in combining the art of designing with the science of programming. The skills acquired in this field presents copious opportunities for individuals like you in the field of web application development. This Specialization transforms learners with no programming background into front-end Web developers who can build highly engaging consumer-facing, rich front-end Single Page Application (SPA).

Häufig gestellte Fragen

Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Anmeldung ab. Wenn Sie einen Kurs im Gastmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erhalten, müssen Sie während oder nach Ihrer Gastphase das Zertifikat erwerben. Wenn Sie die Gastoption nicht sehen:
Der Kurs bietet möglicherweise keine Gastoption an. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
Der Kurs kann stattdessen "Vollständiger Kurs ohne Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Aufgaben einreichen und eine Endnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich diese Spezialisierung abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse der Spezialisierung und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.
Ist finanzielle Unterstützung möglich?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie sich die Anmeldegebühr nicht leisten können. Wenn für das von Ihnen gewählte Lernprogramm finanzielle Unterstützung oder ein Stipendium verfügbar ist, wird auf der Beschreibungsseite ein Link zu einem solchen Antrag angezeigt.

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.

Fördern Sie Mitarbeiterkompetenzen für bessere Geschäftsergebnisse

Entdecken Sie Coursera für Unternehmen

Building User Interfaces Using Functional React Components

Über diesen Kurs

Was Sie lernen werden

Kompetenzen, die Sie erwerben

Dozent

NIIT

von

NIIT

Lehrplan - Was Sie in diesem Kurs lernen werden

Build React Components using Functions and React Hooks

Test Custom Hooks Using React Hooks Testing Library

Über den Spezialisierung Frontend Development using React

Häufig gestellte Fragen

Starten oder fördern Sie Ihre Karriere

Beliebte Themen durchsuchen

Beliebte Kurse und Artikel

Abschluss oder Zertifikat online erwerben

Coursera

Community

Mehr

Building User Interfaces Using Functional React Components

Über diesen Kurs

Was Sie lernen werden

Kompetenzen, die Sie erwerben

Dozent

NIIT

von

NIIT

Lehrplan - Was Sie in diesem Kurs lernen werden

Build React Components using Functions and React Hooks

Test Custom Hooks Using React Hooks Testing Library

Über den Spezialisierung Frontend Development using React

Häufig gestellte Fragen

Coursera Footer

Starten oder fördern Sie Ihre Karriere

Beliebte Themen durchsuchen

Beliebte Kurse und Artikel

Abschluss oder Zertifikat online erwerben

Coursera

Community

Mehr