Kurse
Lektionen
Schritt 6 von 11 im Lernpfad Webentwicklung
JavaScript
JavaScript macht Webseiten interaktiv. Wenn du eine Webanwendung bauen willst, brauchst du auch JavaScript.
Lektionen
Lektionen
JavaScript macht Webseiten interaktiv. Wenn du eine Webanwendung bauen willst, brauchst du auch JavaScript.
Lektionen
Lektion 1
Schreibe dein erstes Programm: Gib mit console.log() etwas aus, rechne und nutze let und const.
Für die Lektion bekommst du 190 XP
Lektion 2
Lass dein Programm mit if, else if und else entscheiden und schreibe Bedingungen mit ===, && und ||.
Für die Lektion bekommst du 130 XP
Checkpoint
Berechne die Punktzahl eines Spiellevels, vergib Sterne und finde heraus, ob das Geheimlevel freigeschaltet wird.
Für die Lektion bekommst du 25 XP
Ausgabe
Münzen: 370Gegner: 300Zeitbonus: 150Punktzahl: 820Sterne: 2 von 3Rekord: 900Geheimlevel: gesperrt
Lektion 4
Speichere Werte in einem Array, lies sie über den Index und füge sie mit push() und pop() hinzu oder entferne sie.
Für die Lektion bekommst du 135 XP
Lektion 5
Wiederhole Code mit while und for, gehe Arrays mit for...of durch und addiere oder zähle Werte.
Für die Lektion bekommst du 140 XP
Checkpoint
Decke geratene Buchstaben auf, liste die falschen Tipps auf und entscheide, ob das Spiel gewonnen ist.
Für die Lektion bekommst du 25 XP
Ausgabe
_ O K O _ O T _ _ E Verborgene Buchstaben: 4Falsche Tipps: ["A", "U"]Fehler: 2Verbleibende Leben: 4
Lektion 7
Schreibe eigene Funktionen mit Parametern und Rückgabewerten und kürzere mit =>.
Für die Lektion bekommst du 105 XP
Lektion 8
Fasse Werte in Objekten zusammen, lies und ändere ihre Eigenschaften und durchlaufe Arrays aus Objekten.
Für die Lektion bekommst du 100 XP
Lektion 9
Ersetze Schleifen durch filter(), map() und find() und sortiere Arrays mit sort().
Für die Lektion bekommst du 120 XP
Checkpoint
Führe eine Fußballtabelle: Berechne die Punkte, finde den Tabellenführer und aktualisiere die Tabelle nach einem Spiel.
Für die Lektion bekommst du 25 XP
Ausgabe
Löwen: 10Adler: 8Haie: 4Wölfe: 0Tabellenführer: LöwenUngeschlagen: ["Löwen", "Adler"]Adler 2:1 LöwenLöwen: 10Adler: 11Haie: 4Wölfe: 0Tabellenführer: AdlerUngeschlagen: ["Adler"]
Lektion 11
Finde Elemente mit querySelector(), lass Buttons auf Klicks reagieren und baue eine To-do-Liste.
Für die Lektion bekommst du 110 XP
Lektion 12
Durchsuche eine Liste beim Tippen, reagiere auf Tasten wie Enter und prüfe ein Formular beim Abschicken.
Für die Lektion bekommst du 110 XP
Checkpoint
Lass ein Registrierungsformular Benutzername, E-Mail, Passwort und Alter prüfen und den neuen Nutzer begrüßen.
Für die Lektion bekommst du 30 XP
Lektion 14
Führe Code mit setTimeout() und setInterval() später aus und warte mit async und await auf Ergebnisse.
Für die Lektion bekommst du 110 XP
Lektion 15
Lade JSON mit fetch() von einem Server, zeichne die Seite daraus und speichere Daten im localStorage.
Für die Lektion bekommst du 105 XP
Checkpoint
Baue eine App für einen Filmabend: Lade Filme, filtere sie nach Genre und Titel und speichere Favoriten.
Für die Lektion bekommst du 35 XP
Lektion 17
Baue eine Einkaufsliste, die Preise addiert, gekaufte Produkte abhakt und sich alles merkt.
Für die Lektion bekommst du 95 XP
JavaScript macht Webseiten interaktiv, und es ist die eine Programmiersprache, die jeder Browser versteht. Der Kurs beginnt mit den Grundlagen, Variablen, Rechnen und Bedingungen, und behandelt dann Arrays, Schleifen, Funktionen, Objekte und Array-Methoden und schließlich JavaScript auf einer Webseite: Ereignisse und Formulare, Timer und Daten, die die Seite von einem Server lädt und speichert.
Unterwegs schreibst du eigene Programme und Seiten, zum Beispiel Spielpunkte, Galgenmännchen, Fußballliga, Registrierungsformular und Filmabend, und im Abschlussprojekt baust du eine kleine App: eine Einkaufsliste, die Preise addiert, prüft, was du eingibst, dich Artikel abhaken lässt und sich alles für das nächste Mal merkt.