Hier starten
  • Einleitung
  • Installation der benötigten Tools
Erste Schritte
  • Hallo Welt - Programm
  • Variablen in JavaScript
  • Mathematische Grundrechenoperationen
  • Projekt: BMI - Rechner
  • Datentypen: Strings und Zahlen (+)
  • Strict Mode
  • Kommentare in JavaScript
  • Der Befehl: console.log
  • Der Wert undefined
  • Kurzeinführung: Objekte
  • Kurzeinführung ES5, ES6, ...
Funktionen
  • Einführung: Funktionen
  • Parameter übergeben
  • Rückgabewerte
  • Summe berechnen
  • Musterlösung: Summe berechnen!
  • Funktionen als Parameter übergeben
  • Callbacks, setTimeout(), setInterval()
Das Document Object Model
  • Einführung: DOM
  • Elemente finden (document.children)
  • Elemente finden (document.getElement...)
  • Auf Ereignisse reagieren (element.addEventListener)
  • Elemente verändern (innerHTML, innerText)
  • Elemente verändern (style, className, classList, ...)
  • Auf die .innerHTML - Eigenschaft zugreifen
  • Musterlösung: Auf die .innerHTML - Eigenschaft zugreifen
Das Document Object Model (2)
  • Projekt: Panel ein- bzw. ausblenden
  • Neues Element erstellen (createElement, appendChild)
  • Elemente finden (querySelector, querySelectorAll)
  • Darauf warten, dass Seite fertig geladen ist
  • Projekt: BMI - Rechner (1)
  • Projekt: BMI - Rechner (2)
  • Projekt: BMI - Rechner (3) - Ausblick: HTML5
  • Klickzähler!
  • Musterlösung: Klickzähler
Arrays
  • Einführung: Arrays
  • Mit Arrays arbeiten
  • Die for...of - Schleife
  • Mehrdimensionale Arrays
Kontrollstrukturen
  • Einführung: if
  • Booleans
  • Wenn dann, sonst...
  • Praxisprojekt: Entwickeln einer Verknüpfungstabelle
  • Vergleichsoperationen mit Booleans
  • Die for- und die while- Schleife
  • Break & Continue
  • Projekt: BMI - Rechner - Gewichtsbereich anzeigen
  • Projekt / Aufgabe: Reaktionstester
  • Projekt / Lösung: Reaktionstester
Objekte
  • Einführung: Objekte
  • Einführung: Objektorientierung
  • Klasse erstellen
  • Klasse erweitern
  • Klasse erweitern (super)
  • Probleme mit this...
  • Motivation: Objektorientierung (1)
  • Motivation: Objektorientierung (2)
  • Projekt Objekte: Spiel entwickeln (Ausblick)
  • Projekt Objekte: Spiel entwickeln (1)
  • Projekt Objekte: Spiel entwickeln (2)
  • Projekt Objekte: Spiel entwickeln (3)
  • Projekt Objekte: Spiel entwickeln (4)
Exkurs: Prototype Inheritance
  • Vererbung ohne ES6 (1)
  • Vererbung ohne ES6 (2)
  • Vererbung ohne ES6 (Aufgabe)
Einführung: jQuery
  • Einführung: jQuery
  • jQuery & Ereignisse
  • Schleifen mit jQuery
  • Ereignisse (preventDefault())
  • Verändern des DOMs
  • jQuery(document).ready(function($) { ... });
  • Projekt: Lightbox (1)
  • Projekt: Lightbox (2) - schließen
  • Projekt: Lightbox (3) - schließen bei Escape
  • Projekt: Lightbox (4) - Warum ein jQuery Plugin?
  • Projekt: Lightbox (5) - jQuery Plugin bauen
  • Projekt: Lightbox (6) - jQuery Plugin bauen (2)
  • jQuery: .hide(), .show(), .toggle()
  • Projekt: BMI - Rechner auf jQuery umstellen
Expertenwissen
  • Parameter übergeben
  • Der Eventloop (1)
  • Der Eventloop (2)
  • Eine Funktion als Rückgabewert
  • Variablen definieren: Teil 1, Einführung
  • Variablen definieren: Teil 2, const
  • Variablen definieren: Teil 3, var
  • Variablen definieren: Teil 4, let