Vorwort
Sektion I : Basics
-
01 - Vorbereitung: script.js einbinden (2:02)
-
02 - "hello world" und console.log (1:58)
-
03 - Variablen (4:17)
-
04 - Datentypen (5:39)
-
05 - Strings und Numbers (6:47)
-
06 - Booleans und Operator ("&&" und "||") (6:23)
-
07 - Booleans und Operatoren ("==", "<=", "===" usw.) (6:04)
-
08 - "if", "else" und "if else" (8:24)
-
09 - functions: Einführung (6:30)
-
10 - functions: Parameter (4:30)
-
11 - functions: return (4:19)
-
12 - objects: Einführung (7:31)
-
13 - String-Funktionen: length und trim() (3:07)
-
14 - String-Funktionen: Doku (3:15)
-
15 Übungen
Sektion II: DOM-Manipulation
-
01 - Das DOM und .innerHTML (4:44)
-
02 - .innerHTML vs. .innerText (3:10)
-
03 - Aufgaben: Button hinzufügen
-
04 - .classList mit add, remove und toggle (3:51)
-
05 - setAttribute und value (5:07)
-
06 - Aufgaben: setAttribute
-
07 - onclick -> auf Events im DOM/HTML reagieren (5:52)
-
08 - onclick-Alternativen (onchange, onkeydown usw.) (4:29)
-
09 - Aufgabe: onkeyup/onkeydown
-
10 - addEventListener (damit man es mal gesehn hat) (3:06)
-
11 - WICHTIG: Hinweis zu createElement, appendChild usw. nicht nutzen
Gruppenarbeit "Kochwelt"
-
Projektvorstellung Kochwelt (10:32)
-
Projektabgabe Checkliste (13:03)
-
01 Zusatz zur Kontaktseite: HTML-Input (input-Tag und label-Tag) (7:42)
-
02 Zusatz zur Kontaktseite: HTML-Forms (form-Tag und Formvalidation) (6:23)
-
03 Zusatz zur Kontaktseite: Mail versenden mit formspree.io (6:44)
-
04 Zusatz Responsivität: responsive menu (8:22)
Sektion III: Debugger
Sektion IV: Arrays und Schleifen
-
01 - Arrays: Basics (4:50)
-
02 - Arrays: entries und das "empty" (2:36)
-
03 - Arrays: Funktionen - pop() und push() (4:40)
-
04 - Aufgaben: Arrays (5:28)
-
05 - for-Schleife: Basics (7:37)
-
06 - for-Schleife: durch Arrays iterieren (5:42)
-
07 - Aufgabe: for-Schleifen (4:52)
-
08 - for-Schleife: break und continue (5:25)
-
09 - Beispiel: getElementsByClassname (7:05)
-
10 - Weitere Schleifenarten: While und ForEach (6:04)
Sektion V: Abschlussprojekt
Extra: Übungen
