Die besten Seiten zum JavaScript-Lernen und eine klare Roadmap

Warum reicht eine einzige Seite nicht?

JavaScript verlangt gleichzeitig Grundlagenwissen über die Sprache und die praktische Routine im Code-Schreiben. Wer nur Videos schaut oder nur Dokumentation liest, landet meist hier:

• Du kennst die Theorie, kannst aber keinen Code schreiben
• Du schreibst Code, weißt aber nicht, warum du es so machst

Die beste Strategie ist deshalb, verschiedene Ressourcen für verschiedene Zwecke einzusetzen.

1) Die besten Plattformen für den Einstieg

czay.dev — JavaScript-Kurs (auf Türkisch)

• Kostenloser Kurs auf Türkisch, der Kapitel für Kapitel aufgebaut ist
• Beginnt bei null; über 30 Kapitel von Variablen, Datentypen, Funktionen, async/await, Modulen und Performance bis zu den nächsten Schritten
• Fortschrittsanzeige, die du am Ende jedes Kapitels abhaken kannst
• Wer den Kurs abschließt, kommt ins Leaderboard und wird auf GitHub geteilt

Warum ist das gut? Bevor du zu englischsprachigen Ressourcen wechselst, beschleunigt es dein Lerntempo enorm, wenn du das Fundament in einer Sprache legst, die du beherrschst. Bei türkischsprachigen Softwarekursen ist die Lücke groß; genau die soll diese Serie schließen.

Kurs starten →

freeCodeCamp

• Komplett kostenlos
• Vermittelt den Stoff über eigene Projekte
• Stellt Zertifikate aus
• Bietet eine sehr starke Route für den Einstieg

Warum ist das gut? Weil du durch Machen lernst, bleibt das Gelernte besser hängen.

Codecademy

• Interaktiver Kursaufbau
• Du bekommst beim Schreiben direkt Feedback
• Hält die Motivation besonders in den ersten Wochen hoch

Warum ist das gut? Du bekommst die „sofortige Richtig/Falsch“-Kontrolle, die Anfänger am meisten brauchen.

JavaScript.info

• Eine durchgängig geordnete Darstellung von JavaScript
• Die Themen sind sauber und systematisch aufgebaut
• Sehr hilfreich beim Übergang von den Grundlagen zum mittleren Niveau

Warum ist das gut? Du lernst die Konzepte nicht verstreut, sondern im Zusammenhang.

2) Professionelle Dokumentation (ein Muss)

MDN Web Docs

• Eine der verlässlichsten Quellen für JavaScript
• Erklärt APIs, Methoden und Browserverhalten im Detail
• Wird ab dem mittleren Niveau unverzichtbar

W3Schools

• Praktisch, um schnell Beispiele anzusehen und Grundbegriffe zu festigen
• Durch die einfache Darstellung für Anfänger leicht nachzuvollziehen
• Mit dem „Try it Yourself“-Editor kannst du direkt ausprobieren

Wie nutzt du sie?

• Öffne nach jedem neuen Thema die passende MDN-Seite
• Wenn du ein Thema zum ersten Mal siehst, wirf über W3Schools einen schnellen Blick darauf
• Kopiere die Beispiele und ändere sie selbst ab
• Lies unbedingt die Abschnitte „Parameters“, „Return value“ und „Browser compatibility“

3) Lernen durch Projekte (Game Changer)

JavaScript30

• 30 Mini-Projekte in 30 Tagen
• Ohne Framework, ganz auf reines JavaScript ausgerichtet
• Sehr starkes Training für DOM, Events und Browser-APIs

Warum ist das gut? Es bringt dich von „Ich habe es im Video gesehen“ zu „Ich habe es selbst gebaut“.

The Odin Project

• Bietet eine Roadmap für Frontend + Backend
• Arbeitet konsequent an echten Projekten
• Ist eher als System denn als Kurs aufgebaut

Warum ist das gut? Es erklärt dir nicht nur Themen, sondern bringt dir bei, wie ein Entwickler zu denken.

In welcher Reihenfolge solltest du vorgehen?

1. Erste Woche: Lege mit dem JavaScript-Kurs auf czay.dev das Fundament auf Türkisch
2. Die ersten 4–6 Wochen: Übertrage die Grundlagen mit freeCodeCamp oder Codecademy auf englischsprachige Ressourcen
3. Parallel: Schließe Wissenslücken mit JavaScript.info
4. Bei jedem Thema: Gewöhne dir an, die offizielle Erklärung bei MDN zu lesen
5. Ab dem 2. Monat: Mini-Projekte mit JavaScript30
6. Nächster Schritt: Mit The Odin Project eine Routine für größere Projekte aufbauen

30-Tage-Mini-Lernplan

Tag 1–10

• Variablen, Datentypen, Bedingungen, Schleifen
• Funktionen und Scope
• Jeden Tag 30–60 Minuten Code schreiben

Tag 11–20

• Array-Methoden (map, filter, reduce)
• Objects, Destructuring, Template Literals
• Einfache DOM-Manipulation

Tag 21–30

• Event Handling
• Formulare verarbeiten
• Mindestens 2 Mini-Projekte: zum Beispiel To-do-Liste, Wetter-App, Notiz-App

Wo man hängen bleibt und wie es weitergeht

„Ich verstehe die Themen, kann aber keinen Code schreiben“

Lösung: Schreib nach jedem neuen Thema ein kleines Beispiel mit 20–30 Zeilen. Setz nicht auf Konsumieren, sondern auf Produzieren.

„Es gibt so viele Ressourcen, ich verzettele mich“

Lösung: Wähle höchstens 2 Hauptressourcen gleichzeitig. Nutze eine zum „Lernen“ und die andere zum „Üben“.

„Meine Motivation lässt nach“

Lösung: Setz dir als Wochenziel nicht „ein Thema abschließen“, sondern „ein Projekt fertigstellen“.

Fazit

Bonus: So legst du sofort los

Mach heute diese 3 Schritte:

1. Schließe das erste Kapitel des JavaScript-Kurses auf czay.dev ab und lass die Fortschrittsanzeige eingeschaltet
2. Lies bei MDN eine Methode, die du heute gelernt hast, und mach dir Notizen
3. Festige das Thema, indem du eine kleine JS-Datei mit 20–30 Zeilen schreibst

Wiederhole morgen denselben Kreislauf. Beständigkeit ist stärker als jede Ressource.