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.
751,712+ codders in diesen Kursen eingeschrieben
880 Lektionen969 Aufgaben4,344 Quizfragen
- Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
Ein Pfad-Zertifikat am Ende, plus 16 unterwegs
Der Full Stack Developer Pfad, Schritt für Schritt
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.
- 1Schritt 13 Abschnitte, der Reihe nach
- 2Schritt 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.StartenEigene Seite4 Abschnitte, der Reihe nach - 3Schritt 3
JavaScript im Browser
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.Starten2 Abschnitte, der Reihe nach - 4Schritt 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.StartenEigene Seite - 5Schritt 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.StartenEigene Seite - 6Schritt 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.StartenEigene Seite2 Abschnitte, der Reihe nach - 7Schritt 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.StartenEigene Seite2 Abschnitte, der Reihe nach - 8Schritt 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.StartenEigene Seite
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.
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
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
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.
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ß!
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.
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.
Werde zertifiziert
Verdiene Zertifikate für jeden abgeschlossenen Kurs. Füge sie deinem LinkedIn-Profil und Lebenslauf hinzu, um Arbeitgebern deine Programmierkenntnisse zu zeigen.
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?
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. Schließ jeden Schritt ab, und du bekommst außerdem ein Zertifikat für den ganzen Pfad, das jeden Kurs dahinter auflistet.
Bekomme ich ein Zertifikat für den Full Stack Developer-Pfad?
Ja. Schließe jeden Schritt ab, und du erhältst ein kostenloses Zertifikat für den ganzen Full 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.