Packt
JavaScript in der modernen Webentwicklung

Erwerben Sie mit Coursera Plus für 199 $ (regulär 399 $) das nächste Level. Jetzt sparen.

Packt

JavaScript in der modernen Webentwicklung

Bei Coursera Plus enthalten

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

Empfohlene Erfahrung

1 Woche zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Mittel

Empfohlene Erfahrung

1 Woche zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Verstehen Sie die Kernkonzepte von React wie Komponenten, Status, Props und virtuelles DOM.

  • Lernen Sie, React-Anwendungen mit Vite und Node.js einzurichten und zu strukturieren.

  • Verwalten Sie den globalen Anwendungsstatus mit der Context API und persistieren Sie Daten mit lokalem Speicher.

  • Verpacken Sie Ihre React-Anwendung als Desktop-App mit Electron und erweitern Sie sie um PWA-Merkmale.

Kompetenzen, die Sie erwerben

  • Kategorie: Animationen
  • Kategorie: Ereignisgesteuerte Programmierung
  • Kategorie: Node.JS
  • Kategorie: UI Komponenten
  • Kategorie: Javascript
  • Kategorie: Front-End Web-Entwicklung
  • Kategorie: Bereitstellung von Anwendungen
  • Kategorie: Kontext-Management
  • Kategorie: React.js
  • Kategorie: Back-End Web-Entwicklung
  • Kategorie: Full-Stack Web-Entwicklung
  • Kategorie: Persistenz der Daten
  • Kategorie: Web-Anwendungen
  • Kategorie: Web-Entwicklungstools

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

September 2025

Bewertungen

16 Aufgaben

Unterrichtet in Englisch

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

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

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung für JavaScript vom Einsteiger zum Experten 2.0
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 14 Module

In diesem Modul werden wir die Grundlagen von React erforschen, beginnend mit Komponenten und ihrer Funktion bei der Erstellung von Benutzeroberflächen. Sie werden tiefer in Schlüsselkonzepte wie State, Props und das virtuelle DOM eintauchen, die den Kern der Architektur von React bilden.

Das ist alles enthalten

2 Videos2 Lektüren1 Aufgabe

In diesem Modul führen wir Sie durch den Prozess der Einrichtung einer React-Entwicklungsumgebung mit Node.js, npm und Vite. Sie werden auch lernen, wie Sie Ihr Projekt von einer Single-File-App zu einer besser organisierten Multi-Komponenten-Struktur skalieren können.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul werden wir in props eintauchen, ein wichtiges Merkmal von React. Sie werden lernen, wie Sie props verwenden, um Daten und Funktionen zwischen Komponenten zu übergeben und Ihre React-Anwendungen dynamischer und modularer zu gestalten.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul werden wir Sie durch die Entwicklung eines AutoClicker Mining-Spiels in React führen. Sie erstellen Schlüsselkomponenten, fügen Spielmechanismen wie Energie-Upgrades hinzu und nutzen React-Hooks, um Spielstatus und Seiteneffekte zu verwalten.

Das ist alles enthalten

7 Videos1 Aufgabe

In diesem Modul werden wir das AutoClicker Mining Spiel durch die Integration externer Pakete wie lucide-react für Icons, Framer Motion für Animationen und lodash für eine bessere Datenmanipulation verbessern, um das Spiel fesselnder und visuell ansprechender zu gestalten.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf das Refactoring Ihres Codes für React-Spiele, um die Wartbarkeit zu verbessern. Sie werden große Komponenten in kleinere Teile zerlegen, Ihre Animationsarbeit mit der Destrukturierung von Objekten optimieren und Lodash für eine bessere Datenverarbeitung anwenden.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul werden wir die Context API und den lokalen Speicher erkunden, um den globalen Zustand zu verwalten und Daten in Ihrem React-Spiel aufrechtzuerhalten. Sie werden auch eine Schaltfläche zum Umschalten zwischen hellen und dunklen Modi erstellen.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul werden wir Sie durch den Prozess der Bereitstellung Ihrer React-Anwendung führen. Sie lernen, wie Sie Ihre Anwendung für die Produktion optimieren, sie als statische Seite erstellen und für die Bereitstellung vorbereiten.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul stellen wir Electron vor und zeigen Ihnen, wie Sie es mit React integrieren, um plattformübergreifende Desktop-Anwendungen zu erstellen. Sie lernen auch, wie Sie Ihre Anwendung in eine ausführbare Datei verpacken.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul werden wir in Progressive Web Apps eintauchen und erfahren, wie sie eine nativ-ähnliche Erfahrung im Web bieten. Sie lernen, wie Sie eine herkömmliche App in eine PWA konvertieren und mit NPX die notwendigen Symbole dafür erzeugen.

Das ist alles enthalten

3 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Erstellung einer benutzerdefinierten Installationsschaltfläche für Ihre PWA und die Verwaltung der Sichtbarkeit von Komponenten mit React. Sie werden auch lernen, wie Sie Installationsereignisse und Promises für eine bessere Benutzerkontrolle handhaben.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul lernen Sie, wie Sie Express mit React integrieren können, um eine Full Stack-Anwendung zu erstellen. Sie werden ein Backend einrichten, Daten dynamisch abrufen und die Benutzererfahrung mit Last-Indikatoren verbessern.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul führen wir Sie durch das Rendern von Listen, die Handhabung von Formularen und die Verwaltung von Benutzereingaben in React. Sie lernen auch, wie Sie Daten in Listen dynamisch sortieren und filtern können, um Ihre App interaktiv und benutzerfreundlich zu gestalten.

Das ist alles enthalten

10 Videos1 Aufgabe

In diesem Modul werden wir Techniken zum Refactoring von Code untersuchen, um große React-Komponenten zu optimieren. Sie werden lernen, wie Sie große Komponenten in kleinere, wiederverwendbare Teile zerlegen und die Gesamtstruktur Ihrer App verbessern können.

Das ist alles enthalten

3 Videos1 Lektüre3 Aufgaben

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

Packt - Course Instructors
Packt
1.299 Kurse334.545 Lernende

von

Packt

Mehr von Softwareentwicklung entdecken

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