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)

830,387+ codders in diesen Kursen eingeschrieben

880 Lektionen883 Aufgaben4,346 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 Lektionen883 Aufgaben4,346 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 Lektionen215 Aufgaben833 Fragen
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 Lektionen288 Aufgaben1,457 Fragen
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 Lektionen32 Aufgaben99 Fragen
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 Lektionen72 Aufgaben360 Fragen
2. Über die Grundlagen hinaus27 Lektionen28 Aufgaben167 Fragen
99 Lektionen100 Aufgaben527 Fragen
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 Lektionen68 Aufgaben440 Fragen
2. Versionskontrolle58 Lektionen46 Aufgaben370 Fragen
140 Lektionen114 Aufgaben810 Fragen
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 Lektionen36 Aufgaben195 Fragen

Das bekommst du

Alles, was du zum Programmierenlernen nutzt

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

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

Coddy programming languages illustration

Starte den Full Stack Developer-Pfad kostenlos

Jetzt lernen