NEXCODE Jetzt lernen
JS Kurs · 61 Lektionen · ca. 397 Minuten

JavaScript lernen

JavaScript bringt Logik und Interaktion ins Web. Du lernst Variablen, Bedingungen, Schleifen und Funktionen – und schreibst Code, der wirklich läuft und getestet wird.

JavaScript-Kurs startenCompiler öffnen
  • Variablen
  • Bedingungen
  • Schleifen
  • Arrays & Objekte
  • Funktionen
  • DOM
  • async/await
  • Eigene Programme & Vertiefung
  • map: jeden Wert verwandeln
  • filter: passende Werte auswählen
  • Destrukturierung mit einem Ersatzwert
  • includes: ist ein Wert dabei?
  • some: mindestens ein Treffer
  • Object.keys: Namen aus einem Objekt
  • Spread: eine Liste erweitern
  • find: das erste passende Element
  • ?. und ??: sicher mit fehlenden Werten
  • sort mit Vergleichsfunktion: Zahlen richtig ordnen
  • class: ein Bauplan für Objekte
  • Object.entries: Schlüssel und Wert gemeinsam
  • Mindestens ein Treffer mit some
  • Alle Werte mit every prüfen
  • Arrayteile ohne Mutation auswählen
  • Umwandeln und eine Ebene zusammenführen
  • Objektkopien mit Spread anpassen
  • JSON lesen und als Daten behandeln
  • Nach einer Suche einen Standard verwenden
  • Kleine Funktionen zu einem Rechenweg verbinden
  • String- & Array-Methoden
  • Fehlerbehandlung & Debugging
  • Promises & async/await

Das lernst du

  1. Kapitel 1Variablen & Datentypen – Werte speichern, Typen kennen, rechnen.
    Variablen mit let & const · Datentypen & Operatoren
  2. Kapitel 2Bedingungen – Entscheidungen im Code.
    if, else & Vergleiche
  3. Kapitel 3Schleifen, Arrays & Objekte – Viele Werte speichern und durchlaufen.
    Arrays & Schleifen · Objekte
  4. Kapitel 4Funktionen – Code wiederverwenden.
    Funktionen · Boss: Notenrechner
  5. Kapitel 5Deine Code-Werkstatt – Gelerntes verbinden und einen neuen Baustein entdecken.
    Listen mit map verändern
  6. Kapitel 6Werkstatt: Verstehen und selbst bauen – Neue Bausteine in kurzen Erklärungen und eigenen Programmen üben.
    filter: passende Werte auswählen · reduce: eine Liste zusammenrechnen · Fehler abfangen mit try und catch
  7. Kapitel 7Neue Werkzeuge für eigene Ideen – Neue Konzepte verstehen, ergänzen und selbst anwenden.
    map: jeden Wert verwandeln · filter: passende Werte auswählen · Destrukturierung mit einem Ersatzwert
  8. Kapitel 8Mehr können: dein nächstes Übungskapitel – Vier neue Bausteine in kleinen Schritten verstehen und selbst anwenden.
    includes: ist ein Wert dabei? · some: mindestens ein Treffer · Object.keys: Namen aus einem Objekt · Spread: eine Liste erweitern
  9. Kapitel 9Meisterkapitel: wie echte Programme gebaut sind – Fünf Bausteine aus echten Projekten – erklärt, verbunden, ergänzt und selbst geschrieben.
    find: das erste passende Element · ?. und ??: sicher mit fehlenden Werten · sort mit Vergleichsfunktion: Zahlen richtig ordnen · class: ein Bauplan für Objekte · Object.entries: Schlüssel und Wert gemeinsam
  10. Kapitel 10Projektwerkzeuge: verstehen und anwenden – Acht weitere Bausteine mit Erklärseiten und vier Übungen je Lektion.
    Mindestens ein Treffer mit some · Alle Werte mit every prüfen · Arrayteile ohne Mutation auswählen · Umwandeln und eine Ebene zusammenführen · Objektkopien mit Spread anpassen · JSON lesen und als Daten behandeln · Nach einer Suche einen Standard verwenden · Kleine Funktionen zu einem Rechenweg verbinden
  11. Kapitel 11DOM & Events – Webseiten mit JavaScript verändern.
    Das DOM: die Seite als Objekte · Elemente aus einem Array bauen · Ein Listener für viele Knöpfe: event.target · Live-Suche mit dem input-Event · Boss: ein Zähler mit Grenze
  12. Kapitel 12String- & Array-Methoden – Texte zerlegen, ausschneiden, formatieren und auswerten.
    split und join: Texte zerlegen und verbinden · slice und at: Teile herausnehmen · Texte formatieren: trim, toUpperCase, padStart · Texte Zeichen für Zeichen · Boss: die Wortstatistik
  13. Kapitel 13Fehlerbehandlung & Debugging – Fehler melden, abfangen, aufräumen und Eingaben sicher prüfen.
    throw: einen Fehler melden · finally: Code, der immer läuft · Eigene Fehlerklassen · Zahlen prüfen: Number und isNaN · Boss: ein sicherer Rechner
  14. Kapitel 14fetch, APIs & JSON – Daten aus dem Netz laden.
    Verschachtelte JSON-Daten lesen · fetch mit then-Ketten · Daten senden: fetch mit POST · Werte in der Adresse: ?stadt=… · Boss: robust laden mit try und catch
  15. Kapitel 15Promises & async/await – Mit Werten arbeiten, die später kommen – lesbar und ohne Absturz.
    Promise und then · async und await · Warten mit setTimeout · Promise.all: mehrere Dinge gleichzeitig · Boss: Laden mit Fehlerfall
  16. Kapitel 17Browser Storage & Web-APIs – localStorage und Co.
    Listen speichern: JSON in localStorage · Aufräumen: removeItem und clear · Später ändern: setTimeout auf der Seite · Ein Countdown mit setInterval · Boss: eine Notizen-App, die sich alles merkt

Abschlussprojekt: Interaktive Quiz-App

Die Logik einer Quiz-App: Fragen, Auswertung und Punkte.

So funktioniert's

Jede Lektion beginnt mit kurzen Erklärseiten. Danach übst du mit Auswahlfragen, Lückentexten, Code ordnen und eigenem Code – mit Hinweisen und sofortigem Feedback. Kostenlos, ohne Werbung, auf Handy, Tablet und PC.

Jetzt JavaScript lernen