Zum Inhalt springen
BetaEN

Lernbereich

JavaScript

JavaScript steckt in fast jeder Webseite. Hier lernst du die Grundlagen – mit Beispielen zum Ausprobieren, Aufgaben und automatischer Prüfung, genau wie bei Python. Wenn du Python schon kannst, wirst du vieles wiedererkennen.

0 von 11 Lektionen geschafft

Kapitel 1Einsteiger

  1. 01
    25 Minuten

    Hallo, JavaScript!

    Mit console.log() etwas ausgeben · Variablen mit let und const anlegen · Texte mit Template-Strings zusammenbauen

  2. 02
    25 Minuten

    Entscheidungen mit if

    Mit if, else if und else verzweigen · Werte mit === vergleichen · Bedingungen mit && und || verknüpfen

  3. 03
    30 Minuten

    Schleifen

    Mit for zählen · Mit while wiederholen, solange etwas gilt · Ergebnisse in einer Schleife aufsummieren

  4. 04
    30 Minuten

    Arrays – viele Werte auf einmal

    Arrays anlegen und Werte mit dem Index lesen · Werte mit push hinzufügen und mit for…of durchgehen · Arrays mit filter und map verarbeiten

  5. 05
    30 Minuten

    Funktionen

    Funktionen mit function schreiben · Werte mit return zurückgeben · Pfeilfunktionen (=>) benutzen

  6. 06
    30 Minuten

    Objekte

    Objekte mit Eigenschaften anlegen · Eigenschaften lesen und ändern · Mit Arrays von Objekten arbeiten

  7. 07
    35 Minuten

    Projekt: Zahlenraten

    Eingaben mit prompt() abfragen · Texte mit Number() in Zahlen umwandeln · Ein komplettes Spiel mit while, if und Zählern bauen

Kapitel 2Webseiten

  1. 08
    35 Minuten

    Eigene Webseite: HTML und CSS

    Eine Webseite mit Überschrift, Absätzen und Listen in HTML schreiben · Mit CSS Farben, Abstände und Schriftgrößen festlegen · Mit Klassen mehrere Elemente gleich gestalten

  2. 09
    40 Minuten

    Webseiten mit JavaScript: DOM und Klicks

    Mit document.querySelector ein Element der Seite finden · Text und Aussehen eines Elements mit JavaScript ändern · Mit addEventListener auf Klicks reagieren

  3. 10
    35 Minuten

    Zeichnen mit Canvas

    Auf einer Zeichenfläche (canvas) Rechtecke und Kreise malen · Mit Schleifen Muster zeichnen · Eine Zeichnung per Klick verändern

  4. 11
    45 Minuten

    Projekt: Klick-Jagd im Browser

    Ein Element mit JavaScript an eine zufällige Stelle setzen · Mit setInterval eine Uhr rückwärts laufen lassen · HTML, CSS und JavaScript zu einem fertigen Spiel verbinden