165 lines
2.2 KiB
Markdown
165 lines
2.2 KiB
Markdown
---
|
|
marp: true
|
|
theme: default
|
|
---
|
|
|
|
## JavaScript Grundlagen Teil 1.
|
|
|
|
---
|
|
|
|
#### Tag 01
|
|
|
|
**Inhalt:**
|
|
|
|
- Vorstellungsrunde
|
|
- Einrichtung der IDE
|
|
- Tools für die Webentwicklung (Emmet, Markdown, VS-Code, Co-Pilot)
|
|
- Arbeiten mit VSCode
|
|
- Konsolenausgaben mit `console.log()`
|
|
|
|
**Übungen:**
|
|
|
|
- Übungen: 1 - 3, Content Factory
|
|
|
|
---
|
|
|
|
#### Tag 02
|
|
|
|
**Inhalt:**
|
|
|
|
- Dialogfenster in JS `prompt()`, `alert()`, `confirm()`
|
|
- Kommentare in JS
|
|
- Rechnen in JS
|
|
- Datentyp String, Number, Boolean
|
|
- literal und typeof
|
|
- Prioritätsreihenfolge
|
|
|
|
**Übungen:**
|
|
|
|
Übung 3 - 6 (Content-Factory bis 1.3.3)
|
|
|
|
---
|
|
|
|
#### Tag 03
|
|
|
|
**Inhalt:**
|
|
|
|
- Variablen und Konstanten in JS
|
|
- Zusammengesetzte Zuweisungsoperatoren
|
|
- Increment & Decrement
|
|
- Strings verketten mit +
|
|
- Escape-Notation
|
|
- Implizite und explizite Typkonvertierung
|
|
|
|
**Übungen:**
|
|
|
|
Übung 7 - 12
|
|
|
|
---
|
|
|
|
#### Tag 04
|
|
|
|
**Inhalt:**
|
|
|
|
- Escape-Notation
|
|
- Implizite und explizite Typkonvertierung
|
|
- NaN - Paradoxon
|
|
- Math Object
|
|
- Number.toFixed()
|
|
- isNaN
|
|
- Lexikographische Vergleiche
|
|
|
|
**Übungen:**
|
|
|
|
Übung 14 - 18
|
|
|
|
---
|
|
|
|
#### Tag 05
|
|
|
|
**Inhalt:**
|
|
|
|
- Repetition der Inhalte
|
|
- Relationale Operatoren & Vergleichoperatoren
|
|
- **Exkurs: Webseitenstruktur + SASS HTML-Formularfelder**
|
|
- 1:1 Meeting
|
|
|
|
**Übungen:**
|
|
|
|
Übung Kontaktformular mit HTML und BS
|
|
|
|
---
|
|
|
|
#### Tag 06
|
|
|
|
**Inhalt:**
|
|
|
|
- **Exkurs: HTML Formularfelder mit BS**
|
|
- if else Verzweigung und ternärer Operator
|
|
- logische Operatoren UND und ODER
|
|
- unärer Operator (!)
|
|
- String Methoden Part I
|
|
|
|
**Übungen:**
|
|
|
|
Übung 19 - 26
|
|
|
|
---
|
|
|
|
#### Tag 07
|
|
|
|
**Inhalt:**
|
|
|
|
- String Methoden Part II
|
|
- Funktionen in JS
|
|
- Funktionen mit Übergabeparameter
|
|
- Funktionen mit Rückgabewerten
|
|
|
|
**Übungen:**
|
|
|
|
Übung 26 - 35
|
|
|
|
---
|
|
|
|
#### Tag 08
|
|
|
|
**Inhalt:**
|
|
|
|
- Funktionen mit Übergabeparameter
|
|
- Funktionen mit Rückgabewerten
|
|
- Guards
|
|
- Array Part 1
|
|
|
|
**Übungen:**
|
|
|
|
Übung 35 - 38
|
|
|
|
---
|
|
|
|
#### Tag 09
|
|
|
|
**Inhalt:**
|
|
|
|
- Array Methoden toSorted, toReversed, toSpliced
|
|
- toSorted, toReversed
|
|
- Array sort mit "compare function"
|
|
- Array: Higher Order Funktionen Part (sort map, forEach, reduce, some, every)
|
|
|
|
**Übungen:**
|
|
|
|
Übung 39 - 48
|
|
|
|
---
|
|
|
|
#### Tag 10
|
|
|
|
**Inhalt:**
|
|
|
|
- Array.find und Array.findIndex
|
|
- Alle Array Higher Order Funktionen im Überblick
|
|
- local scoping
|
|
- **Exkurs: Schleifen**
|
|
|
|
**Übungen:**
|
|
|
|
Übung 46 - 48 |