BeliebtJourney
JavaScript lernen
Ein kostenloser, interaktiver JavaScript-Kurs online. In jeder Lektion schreibst du selbst JS – Syntax, moderne ES6-Features, Funktionen, das DOM – mit KI-Hinweisen, wenn du nicht weiterkommst, und einem Zertifikat am Ende.
245,770+ codders eingeschrieben
- Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
Kostenloses Abschlusszertifikat
Lehrplan
Abschnitt 1
Grundlagen
Abschnitt startenStartenAusklappenEinklappenBauen Sie eine starke Grundlage mit essenziellen Konzepten und grundlegenden Fähigkeiten aufEinführung
4 Lektionen223- 01Die SpracheAufgabe
- 02Hello World!AufgabeQuizAudio
- 03KommentareQuizAudio
- 04CodestrukturQuizAudio
Variablen
7 Lektionen1247- 01ZahlenAufgabeMeisterungQuizAudio
- 02StringsAufgabeMeisterungQuizAudio
- 03BooleanAufgabeMeisterungQuizAudio
- 04NamenskonventionenAufgabeMeisterungQuizAudio
- 05Leere VariablenAufgabeQuizAudio
- 06Rückblick - Variablen initialisierenAufgabe
- 07KonstantenAufgabeMeisterungQuizAudio
Operatoren Teil 1
6 Lektionen1037- 01Arithmetische OperatorenAufgabeMeisterungQuizAudio
- 02Modulo-OperatorAufgabeMeisterungQuizAudio
- 03Arithmetische AbkürzungenAufgabeMeisterungQuizAudio
- 04VergleichsoperatorenAufgabeMeisterungQuizAudio
- 05Strikte vs. lose GleichheitAufgabeQuizAudio
- 06Zusammenfassung – Einfache MathematikAufgabe
Operatoren Teil 2
5 Lektionen831- 01Logische Operatoren Teil 1AufgabeMeisterungQuizAudio
- 02Logische Operatoren Teil 2AufgabeMeisterungQuizAudio
- 03Wiederholung – Einfache LogikAufgabe
- 04Logische Operatoren Teil 3AufgabeMeisterungQuizAudio
- 05Type CoercionAufgabeQuizAudio
Entscheidungsfindung
5 Lektionen729- 01If-AnweisungAufgabeMeisterungQuizAudio
- 02If - ElseAufgabeMeisterungQuizAudio
- 03Wiederholung - Einfacher TaschenrechnerAufgabe
- 04Verschachtelte If - Else-AnweisungenAufgabeQuizAudio
- 05Switch-AnweisungAufgabeQuizAudio
Grundlagen der IO
6 Lektionen931- 01AusgabeAufgabeMeisterungQuizAudio
- 02Ausgabe mit VariablenAufgabeMeisterungQuizAudio
- 03Typumwandlung - Teil 1AufgabeMeisterungQuizAudio
- 04Typumwandlung - Teil 2AufgabeQuizAudio
- 05Wiederholung - Bis 120Aufgabe
- 06Wiederholung - Wahr oder FalschAufgabe
Rechnungs-Split-Rechner
Projekt4 Lektionen1- 01WillkommensnachrichtAufgabe
- 02Trinkgeld und Gesamtsumme berechnenProjekt
- 03Die Rechnung teilenProjekt
- 04Formatierte AusgabeProjekt
Schleifen
7 Lektionen1345- 01For-SchleifeAufgabeMeisterungQuizAudio
- 02While-SchleifeAufgabeMeisterungQuizAudio
- 03BreakAufgabeMeisterungQuizAudio
- 04ContinueAufgabeMeisterungQuizAudio
- 05Rückblick - FakultätAufgabe
- 06Do-While-SchleifeAufgabeMeisterungQuizAudio
- 07Verschachtelte SchleifeAufgabeMeisterungQuizAudio
Funktionen
8 Lektionen1250- 01Funktion deklarierenAufgabeMeisterungQuizAudio
- 02ArgumenteAufgabeMeisterungQuizAudio
- 03ReturnAufgabeMeisterungQuizAudio
- 04Rückblick - Sigma-FunktionAufgabe
- 05FunktionsausdruckAufgabeMeisterungQuizAudio
- 06StandardparameterQuizAudio
- 07Arrow-FunctionsAufgabeMeisterungQuizAudio
- 08Rückblick - ValidierungsfunktionAufgabe
FizzBuzz mit Twist
Projekt4 Lektionen1- 01SpielübersichtAufgabe
- 02Die FizzBuzz-FunktionProjekt
- 03Zahlen durchlaufenProjektAudio
- 04Den Twist hinzufügenProjekt
Arrays Teil 1
6 Lektionen1037- 01Ein Array deklarierenAufgabeMeisterungQuizAudio
- 02Zugriff auf Array-ElementeAufgabeMeisterungQuizAudio
- 03Arrays modifizierenAufgabeQuizAudio
- 04Array-Methoden Teil 1AufgabeMeisterungQuizAudio
- 05Array-Methoden Teil 2AufgabeMeisterungQuizAudio
- 06Zusammenfassung – Array-ProzessorAufgabe
Arrays Teil 2
8 Lektionen1254- 01Iterieren über ArraysAufgabeQuizAudio
- 02Die forEach-MethodeAufgabeQuizAudio
- 03for...of-SchleifeAufgabeMeisterungQuizAudio
- 04Wiederholung – P-ZählerAufgabe
- 05Array SlicingAufgabeMeisterungQuizAudio
- 06Array-Methoden Teil 3AufgabeMeisterungQuizAudio
- 07Array-Methoden Teil 4AufgabeMeisterungQuizAudio
- 08Zugehörigkeit prüfenAufgabeQuizAudio
Einkaufslisten-Tracker
Projekt4 Lektionen1- 01ProjektübersichtAufgabe
- 02Element hinzufügenProjekt
- 03Element entfernenProjekt
- 04Liste anzeigenProjekt
Abschluss-Herausforderungen
3 Lektionen37- 01ZahlenpyramideAufgabeQuizAudio
- 02Verdopple die UngeradenAufgabe
- 03Was soll ich kaufen?Aufgabe
Abschnitt 2
Logik & Ablauf
Abschnitt startenStartenAusklappenEinklappenEntwickeln Sie Problemlösungsfähigkeiten und erstellen Sie dynamische, interaktive ProgrammeStrings im Detail
5 Lektionen630- 01String-GrundlagenQuiz
- 02Über Strings iterierenAufgabeMeisterungQuiz
- 03Template LiteralsAufgabeQuiz
- 04String-MethodenAufgabeMeisterungQuiz
- 05Rückblick – String WeaverAufgabe
Mehrdimensionale Arrays
9 Lektionen1452- 01Grundlagen zu 2D-ArraysQuiz
- 02Zugriff auf 2D-Array-ElementeAufgabeMeisterungQuiz
- 03Verschachtelte Schleifen mit 2D-ArraysAufgabeMeisterungQuiz
- 04Rückblick – 2D-ArraysAufgabe
- 05Matrix-Addition & SubtraktionAufgabeMeisterungQuiz
- 06Jagged ArraysAufgabeMeisterungQuiz
- 073D-Arrays und mehrAufgabeMeisterungQuiz
- 08Gängige 2D-Array-MusterAufgabeMeisterungQuiz
- 09Rückblick – Alles über ArraysAufgabe
JSON Teil 1
7 Lektionen944- 01Was ist JSON?Quiz
- 02Prüfen, ob Key existiertAufgabeMeisterungQuiz
- 03ObjektmethodenAufgabeMeisterungQuiz
- 04Der Spread-Operator Teil 1Quiz
- 05Der Spread-Operator Teil 2AufgabeMeisterungQuiz
- 06Keys entfernenAufgabeMeisterungQuiz
- 07Wiederholung – JSON-Keys manipulierenAufgabe
JSON Teil 2
6 Lektionen530- 01Über JSON iterierenAufgabeQuiz
- 02Verschachteltes JSONAufgabeQuiz
- 03JSON Optional ChainingQuiz
- 04Flache und tiefe KopieAufgabeQuiz
- 05Wiederholung – FahrradladenAufgabe
- 06Wiederholung – SonnensystemAufgabe
Sets Teil 1
8 Lektionen749- 01Was ist ein Set?AufgabeQuiz
- 02Iterieren über SetsQuiz
- 03Ein Element hinzufügenAufgabeQuiz
- 04Ein Element entfernenAufgabeQuiz
- 05Prüfen, ob ein Element existiertAufgabeQuiz
- 06Größe und Is EmptyAufgabeQuiz
- 07Copy und ClearAufgabeQuiz
- 08Zusammenfassung - Grundlagen von SetsAufgabe
Mengen Teil 2
6 Lektionen637- 01Mathe - Vereinigung von MengenAufgabeQuiz
- 02Mathe - Schnittmenge von MengenAufgabeQuiz
- 03Mathe - Differenz von MengenAufgabeQuiz
- 04Mathe - Symmetrische DifferenzAufgabeQuiz
- 05Teilmengen und ObermengenAufgabeQuiz
- 06Wiederholung - Freunde gruppierenAufgabe
Bibliotheksverwaltungssystem
Projekt5 Lektionen1- 01ProjektübersichtAufgabe
- 02Bücher hinzufügenProjekt
- 03Suche nach TitelProjekt
- 04Nach Genre filternProjekt
- 05Als gelesen markierenProjekt
Arrays: Interessante Themen
4 Lektionen422- 01Array-DestrukturierungAufgabeQuiz
- 02Spread-Syntax in ArraysAufgabeQuiz
- 03Sparse ArraysAufgabeQuiz
- 04Wiederholung – Arrays WorkshopAufgabe
Fortgeschrittene Array-Methoden
9 Lektionen761- 01Die Join- & Split-MethodenQuiz
- 02Die Map-MethodeAufgabeMeisterungQuiz
- 03Die Filter-MethodeAufgabeQuiz
- 04Die Reduce-MethodeAufgabeQuiz
- 05Verkettung von Array-MethodenAufgabeQuiz
- 06Sind ForEach und Map identisch?Quiz
- 07Die Sort-MethodeAufgabeQuiz
- 08Die Find- & FindIndex-MethodenQuiz
- 09Zusammenfassung – Der Chain-MasterAufgabe
Festivalsystem verwalten
Projekt6 Lektionen1- 01ProjektübersichtAufgabe
- 02Filme & Veranstaltungsorte hinzufügenProjekt
- 03Vorführung hinzufügenProjekt
- 04Tickets kaufenProjekt
- 05Filme bewertenProjekt
- 06Vorführungen absagenProjekt
Abschnitt 3
Einführung in TypeScript
Abschnitt startenStartenAusklappenEinklappenEinführung in TypeScript nach dem Erlernen von JavaScriptErste Schritte mit TS
5 Lektionen232- 01Was ist TypeScript?Quiz
- 02Warum TypeScript verwenden?Quiz
- 03Dein erster TypeScript-CodeAufgabeQuiz
- 04Kompilierungsprozess & FehlerQuiz
- 05Zusammenfassung: Einführung in TSAufgabe
Basis-Typen
7 Lektionen748- 01Basis-Typen: str, num, booleanAufgabeQuiz
- 02Der 'any'-Typ: Der NotausgangAufgabeQuiz
- 03Der 'unknown'-TypAufgabeQuiz
- 04Arbeiten mit 'null' & 'undef'AufgabeQuiz
- 05Typinferenz in der PraxisAufgabeQuiz
- 06Explizite Typ-AnnotationenAufgabeQuiz
- 07Zusammenfassung: Übung zu Basis-TypenAufgabe
Datenstruktur: Arrays & Tupel
9 Lektionen862- 01Typisierte ArraysAufgabeQuiz
- 02'readonly'-Modifikator für ArraysAufgabeQuiz
- 03Was ist ein Tupel?Quiz
- 04Deklarieren von und Zugriff auf TupelAufgabeQuiz
- 05Destrukturierung von TupelnAufgabeQuiz
- 06Readonly-TupelAufgabeQuiz
- 07Mehrdimensionale typisierte ArraysAufgabeQuiz
- 08Spread-Operator mit ArraysAufgabeQuiz
- 09Zusammenfassung: Arrays und TupelAufgabe
Arbeiten mit Funktionen
8 Lektionen855- 01Typisierung von Parametern & RückgabewertenAufgabeQuiz
- 02Typisierung von Arrow-FunktionenAufgabeQuiz
- 03Der Rückgabetyp 'void'AufgabeQuiz
- 04Optionale Parameter mit '?'AufgabeQuiz
- 05Standard-ParameterwerteAufgabeQuiz
- 06Typisierung von Rest-ParameternAufgabeQuiz
- 07Definieren von FunktionstypenAufgabeQuiz
- 08Zusammenfassung: Typisierte Funktionen erstellenAufgabe
Typen: Aliase, Unions & Intersections
7 Lektionen751- 01Typ-Aliase für primitive DatentypenAufgabeQuiz
- 02Union-Typen ('|')AufgabeQuiz
- 03Arbeiten mit Union-TypenAufgabeQuiz
- 04Literal-TypenAufgabeQuiz
- 05Intersection-Typen ('&')AufgabeQuiz
- 06Kombinieren von Typ-AliasenAufgabeQuiz
- 07Zusammenfassung: Fortgeschrittene Typ-KombinationenAufgabe
Typisierung von Objekten und Interfaces
8 Lektionen757- 01Inline-Typanmerkungen für ObjekteAufgabeQuiz
- 02Type-Aliase für ObjekteAufgabeQuiz
- 03Einführung in InterfacesAufgabeQuiz
- 04Interfaces vs. Type-AliaseQuiz
- 05Optionale & Readonly-EigenschaftenAufgabeQuiz
- 06Erweitern von Interfaces und TypenAufgabeQuiz
- 07Methoden zu Interfaces hinzufügenAufgabeQuiz
- 08Zusammenfassung: Objektstrukturen definierenAufgabe
Projekt: Eine einfache Aufgabenliste
Projekt6 Lektionen18- 01Projekt: Task-Struct definierenAufgabeQuiz
- 02Funktion zum Hinzufügen einer AufgabeProjekt
- 03Funktion zum Ändern des AufgabenstatusProjekt
- 04Funktion: Aufgaben nach Status auflistenProjekt
- 05Funktion: Aufgabenübersicht ausgebenProjekt
- 06Alles zusammenfügenProjekt
Enums
6 Lektionen638- 01Was ist ein numerisches Enum?AufgabeQuiz
- 02Numerische Enums verwendenAufgabeQuiz
- 03Was ist ein String-Enum?AufgabeQuiz
- 04String-Enums verwendenAufgabeQuiz
- 05Heterogene EnumsAufgabeQuiz
- 06Zusammenfassung: Enums verwendenAufgabe
Generics: Ein erster Blick
6 Lektionen537- 01Das Problem, das Generics lösenQuiz
- 02Erstellen einer generischen Identity-FunktionAufgabeQuiz
- 03Verwenden einer generischen FunktionAufgabeQuiz
- 04Generische ArraysAufgabeQuiz
- 05Generische InterfacesAufgabeQuiz
- 06Zusammenfassung: Praxis mit generischen FunktionenAufgabe
Projekt: Bestandsverwaltung
Projekt5 Lektionen18- 01Projekt: Generisches Inventar-ElementAufgabeQuiz
- 02Funktion: Elemente zum Inventar hinzufügenProjekt
- 03Funktion zum Finden eines Elements nach IDProjekt
- 04Spezifischen Inventartyp erstellenProjekt
- 05Funktion zum Abrufen von ElementdetailsProjekt
Fortgeschrittene Themen
6 Lektionen642- 01Type AssertionsAufgabeQuiz
- 02Type Guards: in & instanceofAufgabeQuiz
- 03Der 'never'-TypAufgabeQuiz
- 04Nullable Types ('strictNull')AufgabeQuiz
- 05Index-Signaturen für ObjekteAufgabeQuiz
- 06Recap: Typen verfeinernAufgabe
Abschnitt 4
Objektorientierte Programmierung
Abschnitt startenStartenAusklappenEinklappenEntdecken Sie, wie Sie Code mit Klassen, Objekten und wiederverwendbaren Strukturen organisierenObjekte & das this-Schlüsselwort
6 Lektionen642- 01Kurze Wiederholung: ObjekteAufgabeQuiz
- 02Methoden zu Objekten hinzufügenAufgabeQuiz
- 03Das this-Schlüsselwort verstehenAufgabeQuiz
- 04KonstruktorfunktionenAufgabeQuiz
- 05Das new-SchlüsselwortAufgabeQuiz
- 06Wiederholungs-ChallengeAufgabe
Code organisieren
4 Lektionen434- 01Was sind Module?AufgabeQuiz
- 02Exportieren mit exportAufgabeQuiz
- 03Importieren mit importAufgabeQuiz
- 04Default- vs. benannte ExportsAufgabeQuiz
Klassen & Objekte
4 Lektionen426- 01Was ist eine Klasse?AufgabeQuiz
- 02Instanzen erstellenAufgabeQuiz
- 03Eigenschaften und MethodenAufgabeQuiz
- 04Wiederholungs-ChallengeAufgabe
Methoden & Zustandsverwaltung
2 Lektionen218- 01Methoden, die den Zustand ändernAufgabeQuiz
- 02Method-Chaining-PatternAufgabeQuiz
Kapselung & Zugriff
4 Lektionen426- 01KapselungAufgabeQuiz
- 02Öffentliche & private KlassenfelderAufgabeQuiz
- 03Private MethodenAufgabeQuiz
- 04Wiederholungs-HerausforderungAufgabe
Projekt: Ein einfaches Bankkonto
Projekt3 Lektionen1- 01Klasse BankAccountAufgabe
- 02Einzahlungen und AuszahlungenProjekt
- 03Kontostand als privates FeldProjekt
Vererbung & das extends-Schlüsselwort
6 Lektionen645- 01VererbungAufgabeQuiz
- 02Die „ist-ein“-BeziehungAufgabeQuiz
- 03Das extends-SchlüsselwortAufgabeQuiz
- 04Die super()-MethodeAufgabeQuiz
- 05Vererben von Eigenschaften & MethodenAufgabeQuiz
- 06Wiederholungs-ChallengeAufgabe
OOP-Code strukturieren
1 Lektion19- 01Klassen in Modulen organisierenAufgabeQuiz
Statische Methoden & Eigenschaften
4 Lektionen425- 01Klassenebene vs. InstanzebeneAufgabeQuiz
- 02Statische EigenschaftenAufgabeQuiz
- 03Statische HilfsmethodenAufgabeQuiz
- 04Wiederholungs-ChallengeAufgabe
Polymorphie
4 Lektionen425- 01Was ist Polymorphie?AufgabeQuiz
- 02Geerbte Methoden überschreibenAufgabeQuiz
- 03Verwendung von superAufgabeQuiz
- 04Wiederholungs-ChallengeAufgabe
Projekt: Ein Shape-Renderer
Projekt4 Lektionen1- 01Setup: Shape-Klasse & ExportAufgabe
- 02Circle-Klasse: VererbungProjekt
- 03Overriding & Area-MethodeProjekt
- 04Statischer Shape-ZählerProjekt
Getter & Setter
4 Lektionen426- 01Die Schlüsselwörter get und setAufgabeQuiz
- 02Berechnete EigenschaftenAufgabeQuiz
- 03Validierung und SeiteneffekteAufgabeQuiz
- 04Wiederholungs-ChallengeAufgabe
Komposition vs. Vererbung
3 Lektionen328- 01Die "hat-ein"- vs. "ist-ein"-BeziehungAufgabeQuiz
- 02Die Grenzen tiefer VererbungAufgabeQuiz
- 03Objekte zusammenbauenAufgabeQuiz
Bibliotheksverwaltungssystem
Projekt3 Lektionen1- 01Entwurf der BibliothekAufgabe
- 02Buch-Klasse mit KompositionProjekt
- 03Validierung der BuchautorenProjekt
Abschluss-Herausforderungen
4 Lektionen4- 01Spielfiguren-BuilderAufgabe
- 02E-Commerce ProduktsystemAufgabe
- 03Universitäts-VerwaltungssystemAufgabe
- 04Smart-Home-GerätesystemAufgabe
Warum JavaScript mit Coddy lernen
- JavaScript läuft sofort im Browser. Keine Node.js-Installation, kein IDE-Setup. Editor und Ausgabe liegen nebeneinander, dadurch ist die JavaScript-Feedbackschleife kurz.
- Modernes JavaScript: ES6+-Syntax, Arrow Functions, Promises, async/await, Destructuring, Module — das JavaScript, das du im Job auch wirklich schreibst, keine Altlasten.
- KI-Hinweise helfen dir beim Debuggen einer Übung, ohne die Lösung zu verraten – so baust du das mentale Modell auf, das dir künftigen JS-Code leichter macht.
- Kostenloses Abschlusszertifikat für JavaScript, das du auf LinkedIn teilen oder deinem Lebenslauf hinzufügen kannst.
Häufige Fragen zum Lernen von JavaScript
Ist JavaScript leicht zu lernen?
JavaScript gehört zu den einfacheren Programmiersprachen für den Einstieg. Die Syntax ist verzeihend, du kannst Code direkt in jedem Browser ausführen, und einfache Interaktivität (Button-Klicks, Alerts) liefert sofort sichtbares Feedback. Die kniffligeren Themen – asynchroner Code, Closures, this-Binding – kommen später, und der Kurs führt sie schrittweise mit praktischen Beispielen ein.
Wie lange dauert es, JavaScript zu lernen?
Die Grundlagen von JavaScript lassen sich mit täglicher Übung oft in ein bis zwei Wochen lernen. Für eigene reale Projekte solltest du je nach Tempo eher ein bis drei Monate einplanen.
Sollte ich HTML und CSS vor JavaScript lernen?
Es hilft. JavaScript wird viel greifbarer, sobald du eine echte Seite verändern kannst – ein Element ausblenden, Text aktualisieren, auf einen Klick reagieren. Die HTML- und CSS-Kurse sind kurz und führen direkt in die JavaScript-Lektionen über, die mit dem DOM arbeiten. Du kannst aber auch mit reiner JavaScript-Logik einsteigen.
Kann ich JavaScript online kostenlos lernen?
Ja. Der interaktive JavaScript-Kurs ist kostenlos – komplette Lektionen, Programmieraufgaben, Quizze und ein Zertifikat. Der Editor läuft im Browser, du musst also weder Node.js noch sonst irgendein Tooling installieren, um loszulegen.
Was ist der Unterschied zwischen JavaScript und Java?
Trotz des Namens haben die beiden Sprachen nichts miteinander zu tun. Java ist statisch typisiert, klassenbasiert und wird vor allem auf Servern und unter Android eingesetzt. JavaScript ist dynamisch typiert und läuft im Browser sowie auf Node.js. Fürs Web lernst du JavaScript; für Android oder große Enterprise-Backends Java.
Bekomme ich nach dem JavaScript-Kurs ein Zertifikat?
Ja. Wenn du den JavaScript-Kurs abschließt, bekommst du ein kostenloses Abschlusszertifikat, das du auf LinkedIn teilen oder in deinen Lebenslauf aufnehmen kannst. Ein nachprüfbarer Beleg dafür, dass du einen strukturierten, interaktiven Kurs durchgearbeitet und nicht nur Tutorials angeschaut hast.
