Menu
Coddy logo textTech
Lernpfad

JavaScript-Entwickler werden: die Roadmap

Was du der Reihe nach lernen musst, um als JavaScript-Entwickler zu arbeiten: die Sprache und TypeScript, die Kommandozeile, Git und SQL, danach die Datenstrukturen und Algorithmen, die Interviews abfragen, und zum Schluss Code, den ein Team warten kann. Dieselbe Grundlage trägt Frontend-, Backend- und Full-Stack-Arbeit. Kostenlos, praktisch, im Browser.

503,064+ codders in diesen Kursen eingeschrieben

651 Lektionen577 Aufgaben2,785 Quizfragen

Die JavaScript-Entwickler-Roadmap, Schritt für Schritt

17 Kurse7 Abschnitte651 Lektionen577 Aufgaben2,785 Quizfragen

Jeder Schritt besteht aus bestehenden Coddy-Kursen, und jeder Klick auf „Starten“ öffnet sie in JavaScript. Geh die Schritte der Reihe nach durch oder fang mit dem an, der dir fehlt; der Fortschritt wird pro Kurs gespeichert.

  1. 1
    Diesen Schritt startenStartenVier Abschnitte. „Grundlagen“ behandelt Variablen, strikte und lose Gleichheit, implizite Typumwandlung, Funktionen und Arrow Functions sowie Arrays; „Logik & Ablauf“ behandelt Strings, JSON und Objekte, den Spread-Operator, Sets und die Array-Methoden map, filter, reduce und sort; „Einführung in TypeScript“ behandelt Grundtypen, Tupel, Union-Typen, Interfaces, Enums, Generics und Type Guards; „Objektorientierte Programmierung“ behandelt this, Module, Klassen, private Felder, Vererbung und Komposition. Lerne es gründlich: Jedes Framework, das dir später begegnet, ist darunter JavaScript, und seine lockeren Regeln (== neben ===, stillschweigende Typumwandlung) sind nur so lange Fallen, bis du sie kennst.StartenEigene Seite
  2. 2
    Diesen Schritt startenStartenPfade und Dateien, Wildcards, grep, Pipes und Umleitungen, Berechtigungen, Umgebungsvariablen und Shell-Skripte. Das JavaScript-Tooling lebt im Terminal: npm install, npx, Dev-Server, Builds und Test-Runner sind Befehle, die Skripte in package.json sind Shell-Befehle, und Secrets erreichen eine Node.js-App als Umgebungsvariablen über process.env.StartenEigene Seite
  3. 3
    Diesen Schritt startenStartenStaging, Commits, .gitignore, Branches, Merges und Konflikte, Fehler rückgängig machen und Remotes. In einem JavaScript-Projekt wird node_modules/ ab dem ersten Commit ignoriert und package-lock.json committet, und ein häufig geändertes Lockfile ist die Stelle, an der parallele Branches oft kollidieren. Hosts wie Vercel und Netlify deployen bei jedem Push, deshalb ist in vielen Webteams ein Merge nach main ein Release.StartenEigene Seite
  4. 4
    Diesen Schritt startenStartenFiltern, Sortieren, Joins, Gruppieren, Aggregationen, Unterabfragen, WITH-Klauseln und Fensterfunktionen, auf echten Tabellen. Full-Stack-JavaScript heißt: eine Datenbank hinter der API, oft PostgreSQL oder MySQL, angesprochen über ein ORM oder einen Query Builder wie Prisma; wenn du das SQL liest, das dabei abgeschickt wird, findest du heraus, warum ein Endpoint langsam ist.StartenEigene Seite
  5. 5
    Diesen Schritt startenStartenStack, Queue, verkettete Liste, Binärbaum und Hashtabelle, jeweils in JavaScript von Grund auf gebaut und danach auf Aufgaben angewendet. Es sind die Formen, auf denen JavaScript-Anwendungen ohnehin laufen: Ein Undo-Verlauf ist ein Stack, die Event Loop arbeitet eine Queue ab, und ein verschachteltes Menü oder ein JSON-Dokument ist ein Baum.Starten
  6. 6
    Diesen Schritt startenStartenRekursionsaufgaben, dann Bubble-, Selection-, Insertion-, Merge- und Quicksort in JavaScript, jedes Sortierverfahren gepaart mit dem Algorithmus-Visualizer von Coddy. Rekursion ist JavaScript-Alltag, etwa beim Durchlaufen eines verschachtelten Objekts oder eines Komponentenbaums, und sie hat eine Obergrenze: Gehst du zu tief, wirft V8, die Engine in Chrome und Node.js, RangeError: Maximum call stack size exceeded. In diesem Schritt lernst du, das kommen zu sehen.Starten
  7. 7
    Diesen Schritt startenStartenEin objektorientiertes Projekt von Anfang bis Ende und eine Sammlung von Programmieraufgaben, beides in JavaScript. Prettier regelt die Formatierung und ESLint markiert manche Fehler; Benennung, Funktionsgröße und die Frage, wo Verantwortlichkeiten liegen, bleiben dir überlassen, und genau dazu schreiben Reviewer ihre Kommentare.Starten
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
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding 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!

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

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

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.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

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

Challenger League
Challenger LeagueTop 7 advance
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 iconPromotion zoneleaderboard Arrow Up icon

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

Prove Your Skills

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

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
python iconPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Warum du dieser JavaScript-Roadmap auf Coddy folgen solltest

  • Eine Sprache für das ganze Web. JavaScript läuft in jedem Browser, und mit Node.js betreibt es auch Server, Build-Tools und Skripte; deshalb gehen Frontend-, Backend- und Full-Stack-Jobs alle von der Grundlage aus, die diese Roadmap aufbaut, bevor sich ihre Wege trennen.
  • TypeScript schon im ersten Schritt. Der JavaScript-Kurs hat einen vollständigen TypeScript-Abschnitt, von Grundtypen und Union-Typen bis zu Interfaces, Enums und Generics; so ist das typisierte JavaScript, das viele professionelle Teams schreiben, Teil der Sprache, die du lernst, und keine Überraschung in deinem ersten Job.
  • Interviewpraxis in JavaScript. Die Datenstrukturen, die Rekursionsaufgaben und die fünf Sortierverfahren werden alle in JavaScript unterrichtet, damit du Interviews in der Sprache übst, die du dort tatsächlich verwenden sollst.
  • Bewertet, mit Hinweisen, ohne Installation. Jede Lektion endet mit einer JavaScript-Aufgabe, die per Testfällen bewertet wird, und Bugsy, der KI-Tutor, zeigt auf den Fehler, ohne die Lösung für dich zu schreiben. Die meisten Kurse enden mit einem kostenlosen Zertifikat, und du musst weder Node.js noch einen Editor einrichten: Alles läuft im Browser.

Häufige Fragen zum Weg zum JavaScript-Entwickler

Wie lange dauert es, JavaScript-Entwickler zu werden?

Sechs bis zwölf Monate bei etwa einer Stunde am Tag sind ein vernünftiger Rahmen, um von null bis zu einem Junior-Interview zu kommen. Auf dieser Roadmap dauert der JavaScript-Kurs samt TypeScript-Abschnitt acht bis zehn Wochen, die Kommandozeile, Git und SQL zusammen etwa einen Monat, die Schritte zu Datenstrukturen und Sortierverfahren zwei weitere. Dann kommt die Spezialisierung, ein Framework wie React oder ein Node.js-Backend, umgesetzt in ein oder zwei Projekten, die du zeigen kannst.

Ist JavaScript eine gute erste Sprache für Softwareentwickler?

Ja, mit einer Einschränkung. Es läuft überall, zeigt Ergebnisse sofort im Browser und führt direkt zu bezahlter Arbeit im Web. Die Einschränkung ist, dass JavaScript Fehler verzeiht, die andere Sprachen ablehnen: == wandelt Typen vor dem Vergleich um, und eine fehlende Eigenschaft ergibt undefined statt eines Fehlers. Deshalb enthält der erste Schritt dieser Roadmap TypeScript, und deshalb lassen dich die Schritte zu Datenstrukturen jede Struktur selbst bauen.

Was muss ein JavaScript-Entwickler außer JavaScript noch können?

Die Kommandozeile, Git und SQL, die diese Roadmap abdeckt, und dann die Plattform, für die du schreibst und die sie nicht abdeckt: HTML, CSS, das DOM und ein Framework wie React im Browser oder Node.js, npm und HTTP auf dem Server. Coddys Frontend-Pfad deckt die Browserseite ab, React inklusive, und setzt dort an, wo diese Seite aufhört.

Sollte ich zuerst TypeScript oder JavaScript lernen?

Zuerst JavaScript und bald danach TypeScript. TypeScript ist JavaScript mit zusätzlichen Typen, und seine Fehlermeldungen ergeben erst Sinn, wenn du weißt, was das JavaScript darunter tut. Der JavaScript-Kurs ist genau so aufgebaut: zwei Abschnitte reines JavaScript, dann der TypeScript-Abschnitt, dann objektorientierte Programmierung.

Welcher Kurs auf dieser Roadmap wird nicht in JavaScript unterrichtet?

Einer: Clean Code wird bisher nur in Python unterrichtet, deshalb steht der Kurs nach den Schritten statt in Schritt sieben. Sein Thema (Benennung, Funktionsgröße und Struktur) liest sich in jeder Sprache gleich, und Linter wie ESLint erfassen nur einen Teil davon. Jeder Schritt ist in JavaScript, das objektorientierte Projekt und die Programmieraufgaben eingeschlossen.

Ist diese JavaScript-Roadmap kostenlos?

Ja. Jeder Kurs auf der Roadmap ist kostenlos: die Lektionen, der Editor und das Linux-Terminal im Browser, die per Testfällen bewerteten Aufgaben, Bugsys Hinweise und die Zertifikate. Pro hebt das tägliche Energielimit auf und bringt unbegrenzte KI-Hilfe, und nichts auf dieser Roadmap setzt Pro voraus.

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 Softwareentwickler-Pfad kostenlos

Jetzt lernen