Name: React Basics
Rating: 4.4

4.4

Sterne

25 Bewertungen

Taught by Meta Staff

8.347 bereits angemeldet

von

Über diesen Kurs

220.996 kürzliche Aufrufe

React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app.
By the end of this course, you will be able to:
•	Use reusable components to render views where data changes over time
•	Create more scalable and maintainable websites and apps 
•	Use props to pass data between components 
•	Create dynamic and interactive web pages and apps
•	Use forms to allow users to interact with the web page 
•	Build an application in React

You’ll gain experience with the following tools and software: 
•	React.js
•	JSX
•	React
•	HTML, CSS and JavaScript 
•	VSCode

You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.

This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.

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.

Stufe „Anfänger“

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Ca. 27 Stunden zum Abschließen

Englisch

Untertitel: Englisch

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

Probieren Sie Coursera for Business aus

Was Sie lernen werden

Use reusable components to render views where data changes over time
Organize React projects to create more scalable and maintainable websites and apps
Use props to pass data between components. Create dynamic and interactive web pages and apps
Use forms to allow users to interact with the app. Build an application in React

Kompetenzen, die Sie erwerben

Web Application
Front-End Web Development
React (Web Framework)
Application development

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.

Stufe „Anfänger“

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Ca. 27 Stunden zum Abschließen

Englisch

Untertitel: Englisch

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

Probieren Sie Coursera for Business aus

Dozent

Dozentenbewertung

5/5 (9 Bewertungen)

Taught by Meta Staff

108.724 Lernende

49 Kurse

von

Lehrplan - Was Sie in diesem Kurs lernen werden

Woche

Woche 1

11 Stunden zum Abschließen

React Components

In this module you will explore the basic structure and use of the React.js library. You will learn how to produce single page web applications using React components and to use JSX to style them.

11 Stunden zum Abschließen

15 Videos (Gesamt 61 min), 21 Lektüren, 6 Quiz

15 Videos

Introduction to the course: React Basics2m

How is React used in the real world?3m

Why React?4m

React.js overview5m

Introduction to functional components6m

Creating React components3m

The React project structure6m

Importing components4m

Principles of components: Props5m

Using props in components4m

Introducing JSX4m

Practical styling2m

Embedded JSX expressions2m

Embedding in attributes2m

Module summary2m

21 Lektüren

Course syllabus for React Basics10m

How to be successful in this course10m

Before you learn React10m

JavaScript modules, imports - exports10m

Working with Labs in this course10m

Additional reading5m

Setting up a React project in VS Code (Optional)10m

Transpiling JSX20m

Solution: Your first component5m

Customizing the project20m

Solution: Creating and importing components5m

Additional resources for React components and where they live5m

Component declaration and use: Functions or classes20m

Solution: Passing props5m

Props and children20m

Styling JSX elements20m

JSX syntax and the arrow function20m

Ternary operators and functions in JSX20m

Expressions as props10m

Solution: Multiple components5m

Additional resources5m

6 praktische Übungen

Self review: Your first component9m

Self review: Creating and importing components9m

Knowledge check: React components and where they live15m

Self review: Passing props9m

Self review: Multiple components9m

Module Quiz30m

Woche

Woche 2

7 Stunden zum Abschließen

Data and State

In this module you will explore the concept and practical use of state and stage-management. You will also gain knowledge on how to handle events and the ability to dynamically change content on a web page.

7 Stunden zum Abschließen

13 Videos (Gesamt 59 min), 9 Lektüren, 9 Quiz

13 Videos

Types of events4m

Common event handling3m

Syntax for handlers5m

User events5m

Parent-child data flow5m

Children and data3m

What are hooks?3m

What is state?4m

Observing state3m

Managing state4m

React state management6m

Stateful vs. stateless3m

Module summary5m

9 Lektüren

Eventful issues20m

Event handling and embedded expressions20m

Solution: Dynamic events5m

Additional resources5m

Data flow in React10m

Using hooks10m

Prop drilling10m

Solution: Managing state in React5m

Additional resources5m

9 praktische Übungen

Knowledge check: Events and errors15m

Self review: Dynamic events9m

Knowledge check: Dynamic events and how to handle them15m

Knowledge check: Data flow18m

Knowledge Check: State the concept15m

Knowledge check: Passing state15m

Self review: Managing state in React9m

Knowledge check: State or stateless15m

Module quiz: Data and state30m

Woche

Woche 3

7 Stunden zum Abschließen

Navigation, Updating and Assets in React.js

In this module you will explore the basics of single and multi-page navigation, as well as the conditional rendering or changing of content in response to user status or choice.

7 Stunden zum Abschließen

9 Videos (Gesamt 38 min), 10 Lektüren, 6 Quiz

9 Videos

Basic Types of navigation5m

The navbar4m

Conditional rendering4m

Single view conditional updates2m

What is an asset and where does it live?4m

Using embedded assets3m

Audio and video3m

Create an audio / video component2m

Module summary: navigation, updating and assets in React.js5m

10 Lektüren

Navigation20m

Solution: Creating a route5m

Applying conditional rendering10m

Conditional components10m

Additional resources5m

Bundling assets10m

Solution: Displaying images5m

Media packages10m

Solution: Song selection5m

Additional resources5m

6 praktische Übungen

Self review: Creating a route9m

Knowledge check: Navigation15m

Knowledge check: Conditional updates15m

Self review: Displaying images9m

Self review: Song selection9m

Module quiz: navigation, updating and assets in React.js30m

Woche

Woche 4

3 Stunden zum Abschließen

Your first React app

In this module, you will be assessed on the key skills covered in the Course.

3 Stunden zum Abschließen

3 Videos (Gesamt 9 min), 3 Lektüren, 1 Quiz

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 dieses Zertifikat abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse des Zertifikats 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 lediglich den Inhalt des Kurses lesen und anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.

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

React Basics

Über diesen Kurs

Was Sie lernen werden

Kompetenzen, die Sie erwerben

Dozent

Taught by Meta Staff

von

Meta

Lehrplan - Was Sie in diesem Kurs lernen werden

React Components

Data and State

Navigation, Updating and Assets in React.js

Your first React app

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

React Basics

Über diesen Kurs

Was Sie lernen werden

Kompetenzen, die Sie erwerben

Dozent

Taught by Meta Staff

von

Meta

Lehrplan - Was Sie in diesem Kurs lernen werden

React Components

Data and State

Navigation, Updating and Assets in React.js

Your first React app

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