Menu
CoddyTech
Lernpfad

MERN Stack Entwickler Roadmap

Kostenlose Kurse in der Reihenfolge, in der ein MERN Stack Entwickler sie braucht: HTML, CSS und JavaScript für die Seite, React für die Oberfläche, dann Node.js und Express für den Server, MongoDB für die Daten und Logins, um alles abzusichern. Eine Sprache, JavaScript, vom ersten HTML-Tag bis zur letzten API-Route, und jede Lektion läuft in deinem Browser.

711,880+ codders in diesen Kursen eingeschrieben

718 Lektionen808 Aufgaben3,295 Quizfragen

Die MERN Stack Roadmap, Schritt für Schritt

5 Kurse16 Abschnitte718 Lektionen808 Aufgaben3,295 Quizfragen

Jeder Schritt ist ein Abschnitt eines bestehenden Coddy-Kurses. Geh sie der Reihe nach durch oder spring direkt zu dem, der dir fehlt: Dein Fortschritt wird so oder so pro Kurs gespeichert.

  1. 1
    Diesen Schritt startenStartenElemente, Links, Formulare und semantisches Markup, dann Selektoren, das Boxmodell, Flexbox, Grid und responsive Layouts. Später schreibt React das HTML für dich, das ist also die Sprache, die es spricht.StartenEigene Seite
  2. 2
    Diesen Schritt startenStartenVariablen, Funktionen, Arrays und Objekte, dann Bedingungen und Schleifen, dann Klassen. Das ist die eine Sprache, die du in jedem späteren Schritt nutzt, im Browser und auf dem Server.StartenEigene Seite
  3. 3
  4. 4
    Diesen Schritt startenStartenKomponenten, JSX, Props, State, Events, Listen und kontrollierte Formulare, zum Schluss eine kleine Social Card, die du Schritt für Schritt baust. React ist die Oberfläche, die deine API bedient.StartenEigene Seite
  5. 5
    Diesen Schritt startenStartenJavaScript außerhalb des Browsers: Kommandozeilenargumente, Module, Dateien lesen und schreiben, Callbacks, Promises, async und await, die Event Loop und Events. Du baust ein Notizen-Tool für die Kommandozeile.StartenEigene Seite
  6. 6
  7. 7
    Diesen Schritt startenStartenDokumente und Collections aus einer Express-API: Inserts, ObjectId, Filter, Update-Operatoren, eindeutige Indizes, Aggregation und $lookup. Dann, wer die Daten sehen darf: gehashte Passwörter, Sessions, JWTs, Besitzer und Admin-Rollen, Security-Header und Rate Limiting.Starten
  8. 8
Das bekommst du
Alles, was du zum Programmierenlernen nutzt

Lernen durch Tun

Schreibe echten Code, frage Datenbanken ab, erstelle Websites und meistere KI-Prompts. Unsere interaktiven Lektionen decken alle Fähigkeiten ab, die moderne Entwickler brauchen.

playground.js
Code-Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Eingabe
"Alex"
Ausgabe
"Hello, Coddy! Alex"

Baue deine Serie auf

Bleib konsequent und sieh zu, wie dein Fortschritt wächst! Verfolge deine tägliche Programmiergewohnheit, schütze deine Serie mit Einfrieroptionen und verdiene Belohnungen für jeden Tag.

12 Tage Serie

Komm morgen zurück, um deine Serie zu halten!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Doppelt oder Nichts

Tag 5 von 7

fire Freeze icon

Serie Einfrieren

2 left

Du bist nicht allein

Tritt auf globalen Bestenlisten an, lade Freunde ein, um Belohnungen zu verdienen, und feiert gemeinsam eure Erfolge. Programmieren macht mit Freunden mehr Spaß!

Herausforderer-Liga
Herausforderer-LigaTop 7 steigen auf
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconAufstiegszoneleaderboard Arrow Up icon

Jeder Lernweg, alles dabei

Lies, höre, teste dich, frag die KI oder schlage nach, was du schon gelernt hast. Jede Lektion passt sich dir an.

Einführung in Variablen
Audio

Eine Variable ist ein benannter Container, der einen Wert speichert, auf den du später im Programm verweisen kannst.

In Python erstellst du eine, indem du den Namen, ein Gleichheitszeichen und dann den Wert schreibst.

Der Wert kann sich ändern. Eine neue Zuweisung verweist den Namen einfach auf einen neuen Wert.

1xSarah

Werde zertifiziert

Verdiene Zertifikate für jeden abgeschlossenen Kurs. Füge sie deinem LinkedIn-Profil und Lebenslauf hinzu, um Arbeitgebern deine Programmierkenntnisse zu zeigen.

CoddyAbschlusszertifikat
Hiermit wird bestätigt, dassMax Mustermannerfolgreich abgeschlossen hat
python iconPython-Grundlagen
Verifiziert
DatumJan. 2026
LinkedInZu LinkedIn hinzufügen

Warum den MERN Stack mit Coddy lernen

  • Jede Schicht läuft neben deinem Code. React-Komponenten rendern, während du tippst, ein Express-Server antwortet auf eine Anfrageleiste, in der du Methode, Header und JSON-Body wählst, und MongoDB-Abfragen laufen gegen eine Datenbank, die du in einem Daten-Tab öffnen kannst. Nichts zu installieren, also reicht auch ein Schullaptop.
  • Eine Sprache für den ganzen Stack. Der Pfad widmet seine ersten Schritte JavaScript und dem Browser. Wenn Node.js dazukommt, bringt der Server also neue Ideen, keine neue Sprache: dieselben Funktionen, Objekte und derselbe asynchrone Code, nur dass sie jetzt Anfragen beantworten.
  • Ein Projekt in jedem Backend-Abschnitt: ein Notizen-Tool für die Kommandozeile, eine Rezeptseite, eine API für Aufgaben, eine API für Buchbewertungen mit MongoDB und eine Notizen-App mit Konten. Jedes entsteht Lektion für Lektion und wird von Checks bewertet, die echte Anfragen an deinen Server schicken.
  • Hinweise, die deinen Code lesen. Wenn eine Route 404 liefert, eine Abfrage nichts zurückgibt oder ein Login den falschen Nutzer hereinlässt, schaut Bugsy, der KI-Tutor, sich an, was du geschrieben hast, und zeigt dir die Zeile, ohne dir die Lösung zu schreiben.

Häufige Fragen zum MERN Stack

Was ist der MERN Stack?

Eine Art, eine ganze Webanwendung in JavaScript mit vier Werkzeugen zu bauen: MongoDB speichert die Daten als Dokumente, Express macht aus einem Node.js-Programm einen Webserver und eine API, React baut die Oberfläche, die im Browser läuft, und Node.js führt JavaScript auf dem Server aus. Der React-Code im Browser ruft die Express-API auf, die in MongoDB liest und schreibt.

Wofür steht MERN?

MERN steht für MongoDB, Express, React und Node.js. Die Reihenfolge ist die der Buchstaben im Wort, nicht die, in der du sie lernst: Auf diesem Pfad fängst du mit der Seite an (HTML, CSS, JavaScript und React) und gehst dann zum Server (Node.js und Express) und zur Datenbank (MongoDB).

Was macht ein MERN Stack Entwickler?

Er baut Features von der Datenbank bis zum Bildschirm: Er entwirft die MongoDB-Dokumente, schreibt die Express-Routen, die sie anlegen, lesen, ändern und löschen, schützt diese Routen mit Logins und baut die React-Seiten, die sie aufrufen. Weil alle vier Werkzeuge JavaScript sind, kann ein einzelner Entwickler ein Feature durch jede Schicht verfolgen.

Lohnt es sich noch, den MERN Stack zu lernen?

Ja. React und Node.js gehören zu den meistgenutzten Werkzeugen der Webentwicklung, und Express und MongoDB sind ihre häufigsten Partner. Das Gelernte hilft dir also auch in Teams, die eine andere Datenbank oder ein anderes Framework nutzen. Einen Stack von vorne bis hinten zu lernen zeigt außerdem, wie jede Webanwendung zusammenpasst, und genau das prüfen Vorstellungsgespräche.

Soll ich den MERN Stack oder den MEAN Stack lernen?

Für die meisten, die jetzt anfangen, MERN. Beide Stacks teilen sich MongoDB, Express und Node.js und unterscheiden sich nur im Frontend: React bei MERN, Angular bei MEAN. React ist das verbreitetere der beiden und der leichtere Einstieg, und ein späterer Wechsel zu Angular heißt, ein neues Framework zu lernen, keinen neuen Stack.

Wie lange dauert es, den MERN Stack zu lernen?

Etwa acht bis zehn Monate bei einer Stunde am Tag, um diesen Pfad abzuschließen. HTML und CSS brauchen rund sechs Wochen, JavaScript und der Browser zwei bis drei Monate, React etwa einen Monat und die fünf Node.js-Abschnitte (Node.js, Express, REST APIs, MongoDB, Logins) weitere drei Monate. Wenn du schon JavaScript kannst, fang beim React-Schritt an, dann sind es etwa vier Monate.

Kann ich den MERN Stack lernen, ohne etwas zu installieren?

Ja, auf diesem Pfad. Jede Lektion läuft im Browser: React rendert neben dem Editor, deine Node.js-Programme laufen in einem Terminal und deine Server antworten auf eine Anfrageleiste, und der MongoDB-Abschnitt nutzt eine In-Memory-Datenbank, die die API des MongoDB-Treibers spricht. Wenn du später deine eigene App baust, installierst du Node.js und MongoDB auf deinem Rechner, und der Code funktioniert weiter.

Bekomme ich ein Zertifikat für den MERN Stack Developer-Pfad?

Ja. Schließe jeden Schritt ab, und du erhältst ein kostenloses Zertifikat für den ganzen MERN Stack Developer-Pfad. Es listet jeden Kurs auf, den du unterwegs abgeschlossen hast, und verlinkt das Zertifikat jedes Kurses, damit jeder jede genannte Fähigkeit prüfen kann. Du kannst es zu deinem LinkedIn-Profil hinzufügen. Es ist ein Abschlusszertifikat von Coddy, kein akkreditierter Abschluss.

Weitere Lernpfade

Dieselben Kurse, für eine andere Rolle geordnet. Der Fortschritt bleibt erhalten: Ein auf einem Pfad abgeschlossener Kurs zählt auf jedem Pfad, der ihn enthält.

Alle Lernpfade
Illustration der Programmiersprachen bei Coddy

Starte den MERN Stack Developer-Pfad kostenlos

Jetzt lernen