JavaScript lernen
Ein kostenloser, interaktiver JavaScript-Kurs online. In jeder Lektion schreibst du selbst JS, mit KI-Hinweisen, wenn du nicht weiterkommst, und einem Zertifikat am Ende.
257,728+ 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!AufgabeQuiz
- 03KommentareQuiz
- 04CodestrukturQuiz
Variablen
7 Lektionen1247- 01ZahlenAufgabeMeisterungQuiz
- 02StringsAufgabeMeisterungQuiz
- 03BooleanAufgabeMeisterungQuiz
- 04NamenskonventionenAufgabeMeisterungQuiz
- 05Leere VariablenAufgabeQuiz
- 06Rückblick - Variablen initialisierenAufgabe
- 07KonstantenAufgabeMeisterungQuiz
Operatoren Teil 1
6 Lektionen1037- 01Arithmetische OperatorenAufgabeMeisterungQuiz
- 02Modulo-OperatorAufgabeMeisterungQuiz
- 03Arithmetische AbkürzungenAufgabeMeisterungQuiz
- 04VergleichsoperatorenAufgabeMeisterungQuiz
- 05Strikte vs. lose GleichheitAufgabeQuiz
- 06Zusammenfassung – Einfache MathematikAufgabe
Operatoren Teil 2
5 Lektionen831- 01Logische Operatoren Teil 1AufgabeMeisterungQuiz
- 02Logische Operatoren Teil 2AufgabeMeisterungQuiz
- 03Wiederholung – Einfache LogikAufgabe
- 04Logische Operatoren Teil 3AufgabeMeisterungQuiz
- 05Type CoercionAufgabeQuiz
Entscheidungsfindung
5 Lektionen729- 01If-AnweisungAufgabeMeisterungQuiz
- 02If - ElseAufgabeMeisterungQuiz
- 03Wiederholung - Einfacher TaschenrechnerAufgabe
- 04Verschachtelte If - Else-AnweisungenAufgabeQuiz
- 05Switch-AnweisungAufgabeQuiz
Grundlagen der IO
6 Lektionen931- 01AusgabeAufgabeMeisterungQuiz
- 02Ausgabe mit VariablenAufgabeMeisterungQuiz
- 03Typumwandlung - Teil 1AufgabeMeisterungQuiz
- 04Typumwandlung - Teil 2AufgabeQuiz
- 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-SchleifeAufgabeMeisterungQuiz
- 02While-SchleifeAufgabeMeisterungQuiz
- 03BreakAufgabeMeisterungQuiz
- 04ContinueAufgabeMeisterungQuiz
- 05Rückblick - FakultätAufgabe
- 06Do-While-SchleifeAufgabeMeisterungQuiz
- 07Verschachtelte SchleifeAufgabeMeisterungQuiz
Funktionen
8 Lektionen1250- 01Funktion deklarierenAufgabeMeisterungQuiz
- 02ArgumenteAufgabeMeisterungQuiz
- 03ReturnAufgabeMeisterungQuiz
- 04Rückblick - Sigma-FunktionAufgabe
- 05FunktionsausdruckAufgabeMeisterungQuiz
- 06StandardparameterQuiz
- 07Arrow-FunctionsAufgabeMeisterungQuiz
- 08Rückblick - ValidierungsfunktionAufgabe
FizzBuzz mit Twist
Projekt4 Lektionen1- 01SpielübersichtAufgabe
- 02Die FizzBuzz-FunktionProjekt
- 03Zahlen durchlaufenProjekt
- 04Den Twist hinzufügenProjekt
Arrays Teil 1
6 Lektionen1037- 01Ein Array deklarierenAufgabeMeisterungQuiz
- 02Zugriff auf Array-ElementeAufgabeMeisterungQuiz
- 03Arrays modifizierenAufgabeQuiz
- 04Array-Methoden Teil 1AufgabeMeisterungQuiz
- 05Array-Methoden Teil 2AufgabeMeisterungQuiz
- 06Zusammenfassung – Array-ProzessorAufgabe
Arrays Teil 2
8 Lektionen1254- 01Iterieren über ArraysAufgabeQuiz
- 02Die forEach-MethodeAufgabeQuiz
- 03for...of-SchleifeAufgabeMeisterungQuiz
- 04Wiederholung – P-ZählerAufgabe
- 05Array SlicingAufgabeMeisterungQuiz
- 06Array-Methoden Teil 3AufgabeMeisterungQuiz
- 07Array-Methoden Teil 4AufgabeMeisterungQuiz
- 08Zugehörigkeit prüfenAufgabeQuiz
Einkaufslisten-Tracker
Projekt4 Lektionen1- 01ProjektübersichtAufgabe
- 02Element hinzufügenProjekt
- 03Element entfernenProjekt
- 04Liste anzeigenProjekt
Abschluss-Herausforderungen
3 Lektionen37- 01ZahlenpyramideAufgabeQuiz
- 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 TypeScriptEigene Seite
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
JavaScript-Kurse
Praktische JavaScript-Kurse, kostenlos im Browser zu starten.
Herausforderungen für Anfänger – Grundlagen üben
BeliebtStelle dein Programmierwissen für Anfänger auf die Probe und versuche, diese Programmier-Herausforderungen zu lösen. Nutze dabei eine beliebige Sprache deiner Wahl. Viel Spaß beim Programmieren!
Zertifikat am Ende
- 20
- 20
Programmieraufgaben
BeliebtStelle deine Fähigkeiten zur Problemlösung beim Programmieren mit Übungen in verschiedenen Schwierigkeitsgraden auf die Probe. Dieser Kurs richtet sich an Programmierer mit Vorkenntnissen der Basissyntax einer beliebigen Programmiersprache.
Zertifikat am Ende
- 32
- 31
Coding Problems: Teil 2
Stelle deine Fähigkeiten zur Problemlösung beim Programmieren mit den Übungen in verschiedenen Schwierigkeitsgraden in diesem Kurs auf die Probe. Dieser Kurs wurde für Programmierer mit Vorkenntnissen der Basissyntax in einer beliebigen Programmiersprache entwickelt und ist eine Erweiterung des ersten Teils von Coding Problems.
Zertifikat am Ende
- 25
- 24
Stack - Datenstrukturen-Serie #1
In diesem Kurs lernst du die Datenstruktur Stack kennen, erstellst einen Stack von Grund auf in deiner bevorzugten Sprache und löst praktische Coding-Challenges damit!
- 13
- 6
- 1
Heaps & Priority Queues - Datenstrukturen-Serie #7
NeuIn diesem Kurs lernst du die Heap-Datenstruktur kennen (das Rückgrat von Priority Queues), entwickelst einen MinHeap von Grund auf in deiner bevorzugten Programmiersprache und meisterst praktische Coding-Challenges damit!
Zertifikat am Ende
- 14
- 6
- 1
Sternmuster-Bootcamp
Nutze deine Fähigkeiten zur Problemlösung beim Programmieren, um zu lernen, wie man Sternmuster von einfach bis komplex ausgibt. Dabei kommen verschiedene Ebenen von verschachtelten Schleifen, bedingten Anweisungen und mathematischen Berechnungen zum Einsatz.
- 30
- 28
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.