Lernpfad

Full Stack Entwickler Roadmap

Kostenlose Kurse in der Reihenfolge, in der ein Full Stack Webentwickler sie braucht: HTML, CSS und JavaScript für die Seite, TypeScript und React für die Oberfläche, Next.js für den Server, SQL für die Daten, danach Linux, Git und Docker, um alles auszuliefern. JavaScript läuft auf beiden Seiten, also lernst du eine Sprache und nutzt sie von vorne bis hinten. Jede Lektion läuft in deinem Browser, und jeder Kursabschnitt endet mit einem kostenlosen Zertifikat.

MIT DEM LERNEN BEGINNEN(kostenlos)

889,130+ codders in diesen Kursen eingeschrieben

880 Lektionen969 Aufgaben4,345 Quizfragen

Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
16 kostenlose Zertifikate entlang des Pfads

Der Full Stack Developer Pfad, Schritt für Schritt

7 Kurse16 Abschnitte880 Lektionen969 Aufgaben4,345 Quizfragen

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

1
Schritt 1
HTML und CSS: die SeiteEigene Seite
Diesen Schritt startenStartenElemente, Links, Formulare und semantisches Markup, dann Selektoren, das Boxmodell, Flexbox, Grid, responsive Layouts und Transitions über zwei CSS-Abschnitte. Die Formulare, die du hier schreibst, sind dieselben, die dein Server später auf dem Pfad ausliest.Starten Eigene Seite
3 Abschnitte, der Reihe nach
179 Lektionen236 Aufgaben833 Fragen6 Projekte
2
Schritt 2
JavaScript und TypeScriptEigene Seite
Diesen Schritt startenStartenGrundlagen, Logik und Kontrollfluss, Objekte und Klassen in drei Abschnitten, dann TypeScript: Typen, Interfaces, Generics und die Fehlermeldungen des Compilers lesen. In dieser Sprache schreibst du im Browser und auf dem Server, deshalb bekommt sie mehr Zeit als jeder andere Schritt.Starten Eigene Seite
4 Abschnitte, der Reihe nach
271 Lektionen315 Aufgaben1,456 Fragen7 Projekte
3
Schritt 3
JavaScript im BrowserEigene Seite
Diesen Schritt startenStartenDas DOM, Events, Formulare und Validierung, dann praktische Frontend-Muster wie Tabs, Modals, Themes und responsive Navigation. HTML, CSS und JavaScript werden zu einer Seite, die auf die Person reagiert, die sie benutzt.Starten Eigene Seite
2 Abschnitte, der Reihe nach
1. JavaScript in Aktion27 Lektionen27 Aufgaben163 Fragen
2. Praktisches Frontend35 Lektionen34 Aufgaben197 Fragen
62 Lektionen61 Aufgaben360 Fragen
4
Schritt 4
ReactEigene Seite
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ächenschicht, die der nächste Schritt auf dem Server ausführt.Starten Eigene Seite42 Lektionen37 Aufgaben65 Fragen
5
Schritt 5
Next.js: die ServerhälfteEigene Seite
Diesen Schritt startenStartenRouting und Layouts, Server- und Client-Komponenten, Daten auf dem Server laden, Route Handler für deine eigenen API-Endpunkte, Server Actions für Formulare, Lade- und Fehlerzustände, dann eine Restaurant-App in neun Schritten mit Warenkorb, Filtern, Bewertungen und Live-Suche. Hier schreibst du das Backend.Starten Eigene Seite47 Lektionen41 Aufgaben99 Fragen1 Projekt
6
Schritt 6
SQL: die DatenbankEigene Seite
Diesen Schritt startenStartenAbfragen auf echten Tabellen: filtern, sortieren, Joins, Gruppierung und Aggregate, dann Unterabfragen, Fensterfunktionen, CASE und Common Table Expressions. Jede Full Stack Anwendung speichert ihre Daten in einer Datenbank, und mit SQL stellst du ihr Fragen.Starten Eigene Seite
2 Abschnitte, der Reihe nach
1. Grundlagen72 Lektionen76 Aufgaben360 Fragen1 Projekt
2. Über die Grundlagen hinaus27 Lektionen28 Aufgaben167 Fragen
99 Lektionen104 Aufgaben527 Fragen1 Projekt
7
Schritt 7
Linux und GitEigene Seite
Diesen Schritt startenStartenDateien, Berechtigungen, Pipes und Shell-Skripte in einem echten Linux-Terminal, dann Commits, Branches, Merges, Konflikte und Remotes. Server laufen auf Linux, und jedes Team verwaltet seinen Code in einem Git-Repository.Starten Eigene Seite
2 Abschnitte, der Reihe nach
1. Grundlagen82 Lektionen80 Aufgaben440 Fragen3 Projekte
2. Versionskontrolle58 Lektionen55 Aufgaben370 Fragen2 Projekte
140 Lektionen135 Aufgaben810 Fragen5 Projekte
8
Schritt 8
DockerEigene Seite
Diesen Schritt startenStartenImages, Container, Dockerfiles, Volumes und Netzwerke. Ein Container verpackt deine Anwendung mit allem, was sie zum Laufen braucht, und so werden heute die meisten Webanwendungen auf einen Server gebracht.Starten Eigene Seite40 Lektionen40 Aufgaben195 Fragen1 Projekt

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

Test #1

Test #2

Test #3

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!

January 2026

Doppelt oder Nichts

Tag 5 von 7

Serie Einfrieren

2 left

Überall coden

Nimm deine Programmierreise mit! Keine Einrichtung, keine Downloads: einfach öffnen und loslegen. Verfügbar auf iOS, Android und Web mit 4,9-Sterne-Bewertungen.

250

Variablen

FORTSETZEN

4.9

Bewertung

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-LigaTop 7 steigen auf

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Aufstiegszone

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.

Abschlusszertifikat

Hiermit wird bestätigt, dassMax Mustermannerfolgreich abgeschlossen hat

Python-Grundlagen

DatumJan. 2026

Zu LinkedIn hinzufügen

Warum Full Stack Entwicklung mit Coddy lernen

Eine Sprache auf beiden Seiten. Der Pfad lehrt JavaScript und TypeScript für den Browser und nutzt dieselbe Sprache dann auf dem Server, über Route Handler und Server Actions in Next.js. Das Backend bringt also neue Ideen, aber keine zweite Sprache, die du bei null anfangen musst.
Nichts zu installieren. HTML und CSS werden live neben deinem Code gerendert, SQL läuft auf echten Tabellen, und die Schritte zu Linux, Git und Docker geben dir ein echtes Terminal im Browser. Du kannst den ganzen Stack auf einem Laptop lernen, auf dem noch nie ein Entwicklerwerkzeug installiert war.
KI-Hinweise, die deinen Code lesen. Wenn eine Komponente nicht rendert, eine Abfrage die falschen Zeilen liefert oder ein Befehl fehlschlägt, schaut Bugsy sich an, was du geschrieben hast, und zeigt dir die Richtung zur Lösung, ohne sie zu verraten.
Auf die Reihenfolge kommt es an. Die meisten Full Stack Kurse hetzen in der zweiten Woche zu einem Framework. Dieser Pfad gibt JavaScript drei Abschnitte und dem Browser einen vierten, bevor React auftaucht, denn ein Framework ist erst lesbar, wenn die Sprache darunter es ist.

Häufige Fragen zum Weg zum Full Stack Developer

Was ist ein Full Stack Developer?

Ein Entwickler, der beide Hälften einer Webanwendung bauen kann: das Frontend, das im Browser läuft (HTML, CSS, JavaScript und ein Framework wie React), und das Backend, das auf einem Server läuft (Anfragen verarbeiten, Geschäftslogik und eine Datenbank). In der Praxis sind die meisten Full Stack Entwickler auf einer Seite stärker, aber sie können ein Feature von der Datenbanktabelle bis zum Button, der es nutzt, selbst ausliefern, ohne es an jemand anderen abzugeben.

Wie werde ich Webentwickler?

Lerne HTML, CSS und JavaScript gut genug, um aus einer leeren Datei eine Seite zu bauen, nimm ein Framework dazu (React), lerne, wie ein Server Anfragen beantwortet und wie Daten gespeichert werden (auf diesem Pfad Next.js und SQL), lerne Git und baue Projekte, die du online stellen und erklären kannst. Arbeitgeber stellen nach dem ein, was du ihnen zeigen kannst, deshalb zählen die Projekte mehr als jedes Zertifikat. Dieser Pfad ist genau diese Abfolge, in dieser Reihenfolge, und er ist kostenlos.

Soll ich zuerst Frontend oder Backend lernen?

Zuerst Frontend. Du siehst das Ergebnis jeder Zeile auf dem Bildschirm, dadurch fallen Fehler sofort auf und die Motivation bleibt oben, und das Backend ist viel leichter zu verstehen, wenn du die Seite schon gebaut hast, die es aufruft. Deshalb verbringt dieser Pfad seine ersten vier Schritte im Browser und geht erst danach zum Server und zur Datenbank.

Warum nutzt dieser Pfad auf dem Server JavaScript statt Python?

Weil JavaScript die einzige Sprache ist, die im Browser läuft. Wenn du sie auch auf dem Server nutzt, hast du eine Sprache für den ganzen Stack. Mit Next.js, das auf React aufbaut, kann dieselbe Codebasis Seiten auf dem Server rendern, API-Anfragen beantworten und Formulare verarbeiten. Wenn du das Backend lieber in Python schreiben willst, lehrt der Backend-Entwickler-Pfad auf Coddy den Weg mit Python.

Brauche ich ein Bootcamp, um Full Stack Entwickler zu werden?

Nein. Ein Bootcamp gibt dir einen Zeitplan, eine Gruppe und Karriereberatung und lässt sich das bezahlen. Die Fähigkeiten selbst sind dieselben, die dieser Pfad lehrt, und kostenloses Material deckt sie gut ab. Was ein Bootcamp nicht abkürzen kann, ist die Übung: Hunderte kleiner Aufgaben und ein paar echte Projekte. Wenn du ohne Lehrer, der nachfragt, regelmäßig eine Stunde am Tag schaffst, bringt dich ein kostenloser Pfad an dieselbe Stelle.

Wie lange dauert es, Full Stack Developer zu werden?

Etwa neun bis zwölf Monate bei einer Stunde am Tag bis zum Junior-Niveau. Auf diesem Pfad brauchen HTML und CSS zusammen sechs bis acht Wochen, JavaScript und der Browser zwei bis drei Monate, TypeScript und React etwa sechs Wochen, Next.js einen Monat, SQL drei bis vier Wochen und Linux, Git und Docker einen weiteren Monat. Wer parallel zu den späteren Schritten ein eigenes Projekt baut, macht aus dieser Zeit ein Portfolio.

Deckt dieser Pfad Node.js, Express, Authentifizierung oder Deployment ab?

Noch nicht als eigene Kurse, und wir sagen das lieber, als die Seite aufzublähen. Servercode wird auf diesem Pfad mit Route Handlern und Server Actions in Next.js geschrieben, die auf Node.js laufen. Es gibt aber keinen Express-Kurs, keinen Kurs dazu, eine App mit einem ORM an eine Produktionsdatenbank anzubinden, und keinen zu Authentifizierung oder zum Deployment auf eine Hosting-Plattform. Diese Themen stehen auf der Curriculum-Roadmap und kommen als neue Schritte in diesen Pfad, sobald sie erscheinen.

Ist dieser Full Stack Kurs kostenlos, und bekomme ich ein Zertifikat?

Ja. Jeder Kurs auf dem Pfad ist kostenlos, einschließlich der Lektionen, der Editoren und des Terminals im Browser, der KI-Hinweise und der Zertifikate. Jeder Kursabschnitt endet mit einem kostenlosen Zertifikat, das unter seiner eigenen URL verifizierbar ist und das du auf LinkedIn oder in einen Lebenslauf aufnehmen kannst.

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 Full Stack Developer-Pfad kostenlos

Jetzt lernen