💡 Die Hausaufgabe zur Lektion ist direkt auf der Lektionsseite (Download-Button unten).
Sprachgrundlagen
1–3
1
Variablen in JavaScript (let, const)
→
2
Datentypen in JavaScript
→
3
Typumwandlung in JavaScript
→
DOM-Grundlagen
4–12.3
4
querySelector oder wie man ein Tag in js auswählt (innerHTML in JavaScript)
→
5
Klickfunktion zu einem Button in JavaScript hinzufügen ( onclick )
→
6
Was ist += oder Überschreiben (onClick in JavaScript)
→
7
Wie man Daten aus einem Eingabefeld holt ( input value in JavaScript )
→
8
Input value ( type number ) in JavaScript ( += )
→
9
Input ( date, color ) in JavaScript ( style.background )
→
10
Das onchange-Ereignis bei input type range ( Arbeiten mit style width und height in JavaScript )
→
11
Das onchange-Ereignis bei select option ( JavaScript )
→
12.1
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.2
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.3
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
Bedingungen
13–17
13
Bedingungen if else in JavaScript
→
14
Der Operator === und if else in JavaScript
→
15
Die Operatoren if, else, else if in JavaScript
→
16
Vergleichsoperatoren > >= < <= == === !=(JavaScript)
→
17
Logische Operatoren && |
→
Mini-Projekte
18–25
18
Einen Banksparsimulator von Grund auf erstellen (Math.round)
→
19
Mini-Projekt Resize Ball - Ballgröße ändern
→
20
Mini-Projekt: Größe und Farbe ändern
→
25
Wir schreiben einen Mini-Onlineshop mit eigenem Rabattprogramm
→
Switch
21–26.5
21
Was ist switch und warum man es kennen sollte
→
22
Was ist default in switch und das oninput-Ereignis
→
23
Warum break bei switch nötig ist
→
24
Wir erstellen einen Einheitenumrechner mit switch
→
26.1
switch, case, default, if, else if, else, oninput
→
26.2
switch, case, default, if, else if, else, oninput
→
26.3
switch, case, default, if, else if, else, oninput
→
26.4
switch, case, default, if, else if, else, oninput
→
26.5
switch, case, default, if, else if, else, oninput
→
Schleifen
27–40.3
27
Was eine Schleife ist und wie for funktioniert, und warum Endlosschleifen gefährlich sind
→
28
Wie man die for-Schleife für die Arbeit mit HTML nutzt
→
29
Template-Literale in der for-Schleife ``, Inkrement und Dekrement
→
30
Generator für Einmaleins-Tabelle, for-Praxis
→
31
Generator für Produktkarten, for-Praxis
→
32
Generator für Bewertungssterne, for-Praxis
→
33
Emoji Generator, for-Praxis
→
34
Die while-Schleife und ihre Syntax
→
35
Verschachtelte for-Schleifen
→
36
Verschachtelte for-Schleifen, Einbindung in HTML
→
37
Verschachtelte for-Schleifen, Einbindung in HTML
→
38
Verschachtelte for-Schleifen, Price Matrix
→
39.1
Rucksack-Gewichtsrechner 1, Praxis
→
39.2
Rucksack-Gewichtsrechner 2, Praxis
→
40.1
Wie for funktioniert und was das ist
→
40.2
Wie for funktioniert und was das ist
→
40.3
Wie for funktioniert und was das ist
→
Funktionen (Modul 2)
41–47.3
41
Was ist eine Funktion und wie verwendet man Argumente
→
42
String (length, toLowerCase, toUpperCase) und Argumente
→
43
Scope, oder wie der Compiler funktioniert
→
44
Was ist return und wozu brauchen wir es
→
45.1
Taxi-Fahrpreisrechner, Praxis
→
45.2
Taxi-Fahrpreisrechner, Teil 2 — Erweiterung
→
46.1
Paketlieferungsrechner, Praxis
→
46.2
Paketlieferungsrechner, Teil 2 — Erweiterung
→
46.3
Paketlieferungsrechner, Teil 3 — Erweiterung
→
47.1
Konzertticket-Preisrechner, Praxis
→
47.2
Konzertticket-Preisrechner, Teil 2 — Erweiterung
→
47.3
Konzertticket-Preisrechner, Teil 3 — Erweiterung
→