In diesem praxisorientierten Kurs lernen Sie, wie Sie moderne Webanwendungen mit JavaScript, React und Node.js zum Leben erwecken. Sie beginnen mit den Grundlagen von React und bauen Ihre Fähigkeiten schrittweise von einfachen Komponenten bis hin zu Full Stack-Anwendungen aus. Sie beginnen mit den Grundlagen von React und gehen schnell dazu über, interaktive Merkmale mit Props und Zustandsverwaltung zu erstellen. AS werden Sie praktische Tools wie Vite-Templates, Framer Motion, Lucide-Icons und Lodash kennenlernen und erfahren, wie sie in professionelle Entwicklungs-Workflows passen. Mit wachsenden Fähigkeiten werden Sie reale Projekte übernehmen, darunter ein Minenspiel und eine To-Do-Listen-App, um die effiziente Strukturierung von Code, den Umgang mit Ereignissen und die Verbesserung der Benutzererfahrung mit Animationen und externen Bibliotheken zu üben. Sie werden auch in fortgeschrittenere Themen eintauchen, wie z. B. Refactoring von Code, lokale Speicherung und die Verwendung von Kontextanbietern zur Verwaltung des Anwendungsstatus. Schließlich werden Sie sich mit dem Backend und der Bereitstellung beschäftigen: Integration von Express für serverseitige Logik, Anzeige von Listen und Formularen, Vorbereitung Ihrer App für das Web mit Progressive Web Apps und sogar die Bereitstellung von React-Projekten als Desktop-Anwendungen mit Electron.

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

JavaScript in der modernen Webentwicklung
Dieser Kurs ist Teil von Spezialisierung für JavaScript vom Einsteiger zum Experten 2.0

Dozent: Packt - Course Instructors
Bei enthalten
Empfohlene Erfahrung
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

Zu Ihrem LinkedIn-Profil hinzufügen
September 2025
16 Aufgaben
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Erweitern Sie Ihre Fachkenntnisse
- 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

von
Mehr von Softwareentwicklung entdecken
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Warum entscheiden sich Menschen für Coursera für ihre Karriere?




Häufig gestellte Fragen
Ja, Sie können das erste Video in der Vorschau ansehen und den Lehrplan einsehen, bevor Sie sich anmelden. Sie müssen den Kurs kaufen, um auf Inhalte zuzugreifen, die nicht in der Vorschau enthalten sind.
Wenn Sie sich vor dem Beginn der Sitzung in den Kurs einschreiben, haben Sie Zugang zu allen Vorlesungsvideos und Lesestoff für den Kurs. Sobald die Sitzung beginnt, können Sie die Aufgaben einreichen.
Sobald Sie sich angemeldet haben und Ihre Sitzung beginnt, haben Sie Zugang zu allen Videos und anderen Ressourcen, einschließlich der Lektüre und dem Diskussionsforum des Kurses. Sie können Übungsaufgaben ansehen und einreichen und die erforderlichen benoteten Aufgaben erledigen, um eine Note und ein Kurszertifikat zu erhalten.
Weitere Fragen
Finanzielle Unterstützung verfügbar,




