This commit is contained in:
@@ -161,163 +161,3 @@ Lektion 10 erarbeiten
|
|||||||
|
|
||||||
Übung 46 - 48
|
Übung 46 - 48
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## JavaScript für Fortgeschrittene
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 11
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- **Exkurs: Schleifen**
|
|
||||||
- Einführung in JS für Fortgeschrittene
|
|
||||||
- Objekte in JS
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Projektarbeit
|
|
||||||
Abschlussquiz - JS Grundlagen
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 12
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Destructuring von Objekten und Arrays
|
|
||||||
- Rekursion
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übung 01 - 10
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 13
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Promises
|
|
||||||
- Callback-Hell
|
|
||||||
- Installation von node (npm) und Windows Terminal (für Node)
|
|
||||||
- **Exkurs: Statische Webseite mit Sass und HTML**
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übung 11
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 14
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Promise Aufbau
|
|
||||||
- Promise in Funktionen
|
|
||||||
- File System von Node
|
|
||||||
- commonjs vs esm
|
|
||||||
- async await
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übung 12 - 19
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 15
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Wiederholung der Inhalte
|
|
||||||
- Promise.all()
|
|
||||||
- **Exkurs: Switch Case Abfragen**
|
|
||||||
- **Exkurs: Statische Webseite mit Sass und HTML**
|
|
||||||
- 1:1 Meeting
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übung 20 - 24
|
|
||||||
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 16
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- **Exkurs: Statische Webseite mit Sass und HTML Part II**
|
|
||||||
- Joke API auslesen
|
|
||||||
- Wetter API auslesen
|
|
||||||
- XML-HttpRequest und AJAX mit jQuery
|
|
||||||
- Node Standardbib
|
|
||||||
- fs
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übungen 25 - 31
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 17
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Node Standardbib
|
|
||||||
- zlib (stream)
|
|
||||||
- Crypto
|
|
||||||
- Abschluss von JS für Fortgeschrittene
|
|
||||||
- Projektvorstellung 1 + 2
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Projektarbeit
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
# JavaScript und das Document Object Model (DOM)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 18
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Einführung in JS DOM
|
|
||||||
- DOM Selection (querySelector, querySelectorAll)
|
|
||||||
- $ & $$ Helper
|
|
||||||
- CSS Selektoren
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übungen 01 - 05
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 19
|
|
||||||
|
|
||||||
- Defer & Async
|
|
||||||
- JS Dateien auslagern
|
|
||||||
- Chat Gestaltung (DOMTokenList Objekt)
|
|
||||||
- Optimierung von Projektstruktur
|
|
||||||
- Events in JS MouseEvent, KeyboardEvent
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übungen 06 - 07
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Tag 20
|
|
||||||
|
|
||||||
**Inhalt:**
|
|
||||||
|
|
||||||
- Projekt: Newsboard
|
|
||||||
- HTML Element Progress
|
|
||||||
- IDL-Attribut vs. Content-Attribut
|
|
||||||
- HTML Attribute mit boolescher Zuweisung
|
|
||||||
|
|
||||||
**Übungen:**
|
|
||||||
|
|
||||||
Übung 08 - 10
|
|
||||||
|
|||||||
@@ -242,3 +242,101 @@ Abschlussquiz - JS Grundlagen
|
|||||||
**Übungen:**
|
**Übungen:**
|
||||||
|
|
||||||
Übung 20 - 24
|
Übung 20 - 24
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Tag 15
|
||||||
|
|
||||||
|
**Inhalt:**
|
||||||
|
|
||||||
|
- Wiederholung der Inhalte
|
||||||
|
- Promise.all()
|
||||||
|
- **Exkurs: Switch Case Abfragen**
|
||||||
|
- **Exkurs: Statische Webseite mit Sass und HTML**
|
||||||
|
- 1:1 Meeting
|
||||||
|
|
||||||
|
**Übungen:**
|
||||||
|
|
||||||
|
Übung 20 - 24
|
||||||
|
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Tag 16
|
||||||
|
|
||||||
|
**Inhalt:**
|
||||||
|
|
||||||
|
- **Exkurs: Statische Webseite mit Sass und HTML Part II**
|
||||||
|
- Joke API auslesen
|
||||||
|
- Wetter API auslesen
|
||||||
|
- XML-HttpRequest und AJAX mit jQuery
|
||||||
|
- Node Standardbib
|
||||||
|
- fs
|
||||||
|
|
||||||
|
**Übungen:**
|
||||||
|
|
||||||
|
Übungen 25 - 31
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Tag 17
|
||||||
|
|
||||||
|
**Inhalt:**
|
||||||
|
|
||||||
|
- Node Standardbib
|
||||||
|
- zlib (stream)
|
||||||
|
- Crypto
|
||||||
|
- Abschluss von JS für Fortgeschrittene
|
||||||
|
- Projektvorstellung 1 + 2
|
||||||
|
|
||||||
|
**Übungen:**
|
||||||
|
|
||||||
|
Projektarbeit
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# JavaScript und das Document Object Model (DOM)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Tag 18
|
||||||
|
|
||||||
|
**Inhalt:**
|
||||||
|
|
||||||
|
- Einführung in JS DOM
|
||||||
|
- DOM Selection (querySelector, querySelectorAll)
|
||||||
|
- $ & $$ Helper
|
||||||
|
- CSS Selektoren
|
||||||
|
|
||||||
|
**Übungen:**
|
||||||
|
|
||||||
|
Übungen 01 - 05
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Tag 19
|
||||||
|
|
||||||
|
- Defer & Async
|
||||||
|
- JS Dateien auslagern
|
||||||
|
- Chat Gestaltung (DOMTokenList Objekt)
|
||||||
|
- Optimierung von Projektstruktur
|
||||||
|
- Events in JS MouseEvent, KeyboardEvent
|
||||||
|
|
||||||
|
**Übungen:**
|
||||||
|
|
||||||
|
Übungen 06 - 07
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Tag 20
|
||||||
|
|
||||||
|
**Inhalt:**
|
||||||
|
|
||||||
|
- Projekt: Newsboard
|
||||||
|
- HTML Element Progress
|
||||||
|
- IDL-Attribut vs. Content-Attribut
|
||||||
|
- HTML Attribute mit boolescher Zuweisung
|
||||||
|
|
||||||
|
**Übungen:**
|
||||||
|
|
||||||
|
Übung 08 - 10
|
||||||
Reference in New Issue
Block a user