Interaktiver Kurs
JavaScript Kurs
Lernen Sie JavaScript von Grund auf mit einer interaktiven Engine, die Ihren Code direkt im Browser ausführt.
01 · Modul 1 — Grundlagen der Sprache
Die Grundlagen: Deklarieren von Variablen, Erkennen von Typen, Durchführen von Arithmetik und Treffen von Entscheidungen.
- 1.1Variablen: let und constDeklarieren von Werten, Wählen zwischen const und let, Verstehen des grundlegenden Gültigkeitsbereichs.~8 Min
- 1.2Primitive Typenstring, number, boolean, null, undefined: die Bausteine der Sprache.~8 Min
- 1.3OperatorenArithmetische, Vergleichs-, boolesche Logik- und Operatorpriorität.~10 Min
- 1.4Bedingte Anweisungen: if, else, ternärAusführen unterschiedlichen Codes je nach Wert eines Ausdrucks.~10 Min
02 · Modul 2 — Strings und Zahlen
Die beiden am häufigsten verwendeten Typen: Zusammensetzen von Text mit Template-Literalen, Bearbeiten mit String-Methoden, Rechnen mit Zahlen und Math.
- 2.1Strings und Template-LiteraleAnführungszeichen, Escapes, Backticks und ${...} Interpolation zum Zusammensetzen von Text.~8 Min
- 2.2String-Methodenlength, toUpperCase, includes, slice, split, replace: die Methoden, die Sie jeden Tag verwenden.~10 Min
- 2.3Zahlen und MathGanze Zahlen und Dezimalzahlen, Runden, Math.min/max/round/floor/ceil, Math.random.~10 Min
- 2.4TypkonvertierungenNumber, String, parseInt, parseFloat, toFixed und wenn NaN Sie erwischt.~8 Min
03 · Modul 3 — Arrays und Objekte
Die beiden am häufigsten verwendeten Datenstrukturen: geordnete Listen (Arrays) und Schlüssel-Wert-Zuordnungen (Objekte).
- 3.1Arrays: die geordnete ListeErstellen eines Arrays, Lesen/Schreiben nach Index, push/pop/shift/unshift, length.~10 Min
- 3.2Objekte: die Schlüssel-Wert-ZuordnungLiterale, Punkt- und Klammerzugriff, Hinzufügen/Entfernen von Eigenschaften.~10 Min
- 3.3Destrukturierung und SpreadExtrahieren mehrerer Werte in einer Zeile; Kopieren und Zusammenführen von Arrays und Objekten mit `...`.~12 Min
- 3.4Iterieren über Sammlungenfor…of auf Arrays, for…in auf Objekten, Object.keys/values/entries.~10 Min
04 · Modul 4 — Funktionen
Zerlegen Sie Ihre Programme in wiederverwendbare Teile: deklarieren Sie sie, schreiben Sie sie kompakt mit Pfeilen, übergeben Sie flexible Parameter und verstehen Sie Closures.
- 4.1Deklarieren einer FunktionFunktionsdeklaration vs. Funktionsausdruck, Parameter, Rückgabe.~10 Min
- 4.2Arrow-FunktionenKompakte `=>` Syntax, prägnanter Körper vs. Block, implizite Rückgabe.~10 Min
- 4.3Standard- und Rest-ParameterStandardwerte, `...rest` für variable Argumentanzahl, Spread beim Aufruf.~12 Min
- 4.4Closures und ScopeFunktionen, die sich an ihre Umgebung erinnern: Zähler, Fabriken, Scope-Chain.~12 Min
05 · Modul 5 — Kontrollfluss
Wiederholen, Springen, Fehler behandeln: die Konstrukte, die Ihrem Code die Fähigkeit geben, auf Daten und Probleme zu reagieren.
- 5.1Schleifen: for und whileklassisches for, while, do…while: Wiederholen bis zu einer Bedingung.~10 Min
- 5.2for…of und for…inIterieren von Werten einer Sammlung vs. Schlüsseln eines Objekts. Wann was zu verwenden ist.~10 Min
- 5.3break und continueVorzeitiges Verlassen einer Schleife oder Springen zur nächsten Iteration.~10 Min
- 5.4try / catch / throwFehler auslösen und abfangen, normalen Fluss vom Ausnahmefluss trennen.~12 Min
06 · Modul 6 — Funktionale Array-Methoden
Die Methoden zur Transformation von Arrays: map zur Änderung jedes Elements, filter zum Auswählen, reduce zum Aggregieren, find/some/every zum Suchen, sort zum Ordnen.
- 6.1map und filterTransformieren jedes Elements (map) und Auswählen einer Teilmenge (filter).~10 Min
- 6.2reduceAggregieren eines Arrays in einen einzigen Wert: Summen, Zählungen, Maps.~12 Min
- 6.3find, some, everyFinden des ersten, Prüfen, ob mindestens eines oder alle ein Prädikat erfüllen.~10 Min
- 6.4sortSortieren eines Arrays mit einem Komparator; stabiles Sortieren, Kopieren via toSorted.~12 Min
07 · Modul 7 — Asynchron
Code, der wartet: Promises, async/await, simulierte Netzwerkanrufe (fetch) und asynchrone Fehlerbehandlung.
- 7.1Promises: Was sie sindZustand pending/fulfilled/rejected, .then/.catch, Promise.resolve und reject.~12 Min
- 7.2async / awaitSchreiben von asynchronem Code, der sich wie synchroner Code liest.~12 Min
- 7.3fetch (simuliert)Aufrufen eines Endpunkts, Lesen von JSON, Zusammensetzen der Ergebnisse mit Promise.all.~14 Min
- 7.4Fehler in asynchronem Codetry/catch um await, .catch bei Promises, Fehlschläge in Promise.all.~12 Min
08 · Modul 8 — Praxis und Komposition
Fügen Sie alle Teile zusammen: Organisieren Sie Code in Modulen, parsen Sie eine CSV, validieren Sie Eingabedaten und planen Sie Aufgaben mit Promises.
- 8.1ESM-Module: import / exportAufteilen von Code in Dateien und Zusammensetzen von Bibliotheken mit export und import (Konzept).~12 Min
- 8.2Herausforderung: CSV-ParserTransformieren einer CSV-Zeichenfolge in ein Array von Objekten mittels split, map und Destrukturierung.~15 Min
- 8.3Herausforderung: DatenvalidatorValidieren von Objekten mit zusammensetzbaren Regeln und Sammeln aller Fehler.~15 Min
- 8.4Herausforderung: Planung mit PromisesAusführen von Aufgaben in Reihe, parallel und mit einer Parallelitätsgrenze.~15 Min