React Fundamentals

Sichern Sie sich eines unserer besten Angebote mit Coursera Plus für 199 $ (normalerweise 399 $). Jetzt sparen.

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen. Sehen Sie sich die Sprachen an, die wir anbieten.

React Fundamentals

Dieser Kurs ist Teil von Spezialisierung „Building React and ASP.NET MVC 5 Applications“

Dozent: Board Infinity

2.758 bereits angemeldet

Bei Mehr erfahren enthalten

Fragen Sie Coursera

3 Module

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

Stufe Mittel

Empfohlene Erfahrung

2 Wochen zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

3 Module

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

Stufe Mittel

Empfohlene Erfahrung

2 Wochen zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Introduction to React for building user interfaces.

Kompetenzen, die Sie erwerben

Kategorie: Maintainability
Kategorie: React.js
Kategorie: Web Design and Development
Kategorie: Front-End Web Development
Kategorie: Javascript
Kategorie: Responsive Web Design
Kategorie: Event-Driven Programming
Kategorie: Code Reusability
Kategorie: User Interface (UI)
Kategorie: Programming Principles
Kategorie: HTML and CSS

Werkzeuge, die Sie lernen werden

Kategorie: Bootstrap (Front-End Framework)
Kategorie: Web Applications
Kategorie: UI Components
Kategorie: JavaScript Frameworks

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

12 Zuweisungen¹

KI-bewertet siehe Haftungsausschluss

Unterrichtet in Englisch

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

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Building React and ASP.NET MVC 5 Applications“

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.

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

In diesem Kurs gibt es 3 Module

The React Fundamentals course is designed to provide a comprehensive introduction to React, the popular JavaScript library for building user interfaces. This course is ideal for web developers who are new to React or who have some experience with React and want to deepen their knowledge of the library.

The course covers the fundamental concepts of React including components, props, state, and events. Participants will learn how to build simple and complex React components, handle user events, and manage component states. Disclaimer: This course is an independent educational resource developed by Board Infinity and is not affiliated with, endorsed by, sponsored by, or officially associated with Microsoft Corporation, Meta, or any of their subsidiaries or affiliates. This course is not official preparation material for any of these companies. All trademarks, service marks, company names, logos, and brand names mentioned are the property of their respective owners and are used for identification, educational, and informational purposes only. No claim is made to exclusive rights to use any third-party trademarks apart from their context in this educational material.

This module is designed to provide learners with a comprehensive introduction to JavaScript programming. Throughout the module, learners will gain hands-on experience working with JavaScript and will develop a deep understanding of its core features and capabilities. The module will cover the key concepts of JavaScript, including variables, data types, operators, control structures, and functions. Learners will understand how to use these concepts to create basic programs that are modular, maintainable, and easy to test. By the end of the module, learners will be proficient in creating simple and effective JavaScript programs. They will be able to apply best practices and coding standards to write high-quality code that meets the needs of their clients and users.

Das ist alles enthalten

28 Videos5 Lektüren6 Aufgaben1 Plug-in

28 VideosInsgesamt 140 Minuten

Introduction to the course2 Minuten
Meet your Instructor1 Minute
What you will learn in this lesson1 Minute
Introduction to JavaScript6 Minuten
Setting up your development environment3 Minuten
Writing your first JavaScript program5 Minuten
What you will learn in this lesson1 Minute
Variables in javascript7 Minuten
Data types9 Minuten
Using arithmetic and comparison operators9 Minuten
Arrays in Javascript6 Minuten
Working with strings6 Minuten
String manipulation7 Minuten
Conditional statements (if/else, switch)6 Minuten
Looping structures (for, while)7 Minuten
Functions and scope7 Minuten
What you will learn in this lesson1 Minute
Understanding the Document Object Model (DOM)4 Minuten
Accessing DOM elements with JavaScript7 Minuten
Manipulating DOM elements with JavaScript7 Minuten
Modifying styles and attributes with JavaScript6 Minuten
Understanding events and event listeners4 Minuten
Responding to user input (clicks, key presses)6 Minuten
Creating interactive user interfaces with events5 Minuten
What you will learn in this Lesson0 Minuten
Creating and removing DOM elements with JavaScript7 Minuten
Using AJAX to load content dynamically7 Minuten
Handling errors and exceptions6 Minuten

5 LektürenInsgesamt 130 Minuten

Read more about the basics of javascript30 Minuten
Learn more about various javascript components30 Minuten
Further Reads on DOM Manipulation30 Minuten
Learn more about Advanced DOM Manipulation30 Minuten
Tell us what you think!10 Minuten

6 AufgabenInsgesamt 180 Minuten

Getting Started with JavaScript practice quiz15 Minuten
Various components of Javascript15 Minuten
DOM - Practice Quiz15 Minuten
Various components of Javascript15 Minuten
Various components Javascripts Graded Quiz60 Minuten
Javascript - Graded Quiz60 Minuten

1 Plug-inInsgesamt 15 Minuten

Quick Course Check-In15 Minuten

In this module, you will be introduced to the basics of React, a popular JavaScript library used for building user interfaces. You will learn about the key concepts of React, such as components, state, props, and JSX, and understand how they work together to create dynamic and interactive UIs.

Das ist alles enthalten

16 Videos3 Lektüren4 Aufgaben

16 VideosInsgesamt 83 Minuten

What you will learn in this Lesson0 Minuten
Introduction to React4 Minuten
Virtual DOM in React4 Minuten
Setting up React5 Minuten
What you will learn in this Lesson1 Minute
React Directory structure5 Minuten
JSX in React JS6 Minuten
React Components7 Minuten
React Props6 Minuten
React States8 Minuten
What you will learn in this Lesson1 Minute
React useEffect Hook10 Minuten
Making API Calls with useEffect Hook7 Minuten
useContext Hook8 Minuten
React Redux5 Minuten
Application of Redux5 Minuten

3 LektürenInsgesamt 90 Minuten

Know more about React30 Minuten
Further Reading on React30 Minuten
Learn more about react hooks and redux30 Minuten

4 AufgabenInsgesamt 105 Minuten

React Basics - Practice Quiz15 Minuten
React- Practice Quiz15 Minuten
React Hooks & Redux15 Minuten
React - Graded Quiz60 Minuten

The Front End Application module built using JavaScript and React JS is a user interface layer that enables users to interact with the application. This module comprises of components and modules that are designed to provide a seamless and engaging experience to the users. The primary function of this module is to render the content and manage the user interactions in a responsive and intuitive manner. React JS is a popular library used for building web applications that offers various features like reusable components, virtual DOM, and efficient rendering. With React, developers can build complex user interfaces with ease and performance.

Das ist alles enthalten

9 Videos2 Lektüren2 Aufgaben1 peer review

9 VideosInsgesamt 59 Minuten

Project Overview5 Minuten
Approach for building Tic-Tac-Toe3 Minuten
Step 1: Setting up the project5 Minuten
Step 2: Creating Board Component7 Minuten
Step 3: Project Components13 Minuten
Step 4: Creating a Reusable Component4 Minuten
Step 5: Creating an interactive square component5 Minuten
Step 6: Writing logic for turns6 Minuten
Step 7: Wrapping up the Project10 Minuten

2 LektürenInsgesamt 20 Minuten

Project Assets10 Minuten
Provide your feedback!10 Minuten

2 AufgabenInsgesamt 30 Minuten

Untitled15 Minuten
Steps to build Tic-Tac-Toe15 Minuten

1 peer reviewInsgesamt 120 Minuten

React Mastery: Building Interactive and Optimized Web Applications120 Minuten

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Board Infinity

265 Kurse439.133 Lernende

von

Board Infinity

Mehr von Mobile and Web Development entdecken

Packt
React Fundamentals and Modern Development Setup
Kurs
Status: Kostenloser Testzeitraum
Packt
React Fundamentals, Components, and State Management
Kurs
Status: Kostenloser Testzeitraum
Packt
React Foundations & Core Concepts
Kurs
Status: Kostenloser Testzeitraum
Meta
React Basics
Kurs
Status: Kostenloser Testzeitraum

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

Häufig gestellte Fragen

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Weitere Fragen

Besuchen Sie die das Hilfe-Center für Kursteilnehmer.

Finanzielle Unterstützung verfügbar,

¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.