03_js-dom/agenda.md

@@ -336,18 +336,133 @@ Projektarbeit
 - Defer & Async
 - JS Dateien auslagern
 - Optimierung von Projektstruktur
-- **Exkurs: Projektstruktur mit Gulp, Vite, SASS 7 on 1**
+- **Exkurs: Projektstruktur mit Gulp**
 
 **Übungen:**
 
-Übung 06 - 10
+Übung 06 - 07
 
 ---
 
-### TBA
+#### Tag 21
 
+**Inhalt:**
+
+- **Exkurs: Projektstruktur mit Gulp Part II**
 - Events in JS MouseEvent, KeyboardEvent
 - Projekt: Newsboard
 - HTML Element Progress
 - IDL-Attribut vs. Content-Attribut
 - HTML Attribute mit boolescher Zuweisung
+
+**Übungen:**
+
+Übung 08 - 10
+
+---
+
+#### Tag 22
+
+**Inhalt:**
+
+- Tooltip: HTML erweitern mit Data-Attribut
+- Dataset Attribut, DOMStringMap Objekt
+- getComputedStyle, Attribute mit boolscher Zuweisung
+
+**Übungen:**
+
+Übung 11 - 14
+
+---
+
+#### Tag 23
+
+**Inhalt:**
+
+- DOM Creation - Elemente erstellen
+- createElement() & appendChild()
+- Projekt: Produktmanager Part I
+- DOM Creation Befehle
+- Entfernen von Elementen
+
+**Übungen:**
+
+Übung 15 - 17
+**Projektarbeit / Content Factory**
+
+---
+
+#### Tag 24
+
+**Inhalt:**
+
+- Import von Modulen in JS (Browserseitig)
+- Separation of Concerns
+- Projekt: Produktmanager final
+- DOM Traversal Befehle & alle DOM Bereiche
+- insertBefore(), appendChild(), append(), prepend(), before(), after()
+- Refactoring von Produktmanager mit Template
+
+**Übungen:**
+
+Übung 18 + optionale Übungen
+**Projektarbeit / Content Factory**
+
+---
+
+#### Tag 25
+
+**Inhalt:**
+
+- **Exkurs: Gulp vs Vite**
+- **Exkurs: Weitere Events: Drag and Drop**
+- **Rest API erstellen mit Express**
+- JS DOM Projektvorstellung
+- Abschlussquiz JS DOM
+- **1:1 Meeting**
+
+**Übungen:**
+
+Projekte
+
+---
+
+#### TBA
+
+**Inhalt:**
+
+- **Exkurs: DOM Inhalte über REST API mit Express Part I**
+- **Routing in JS**
+- CRUD - Create - (Read) - Update - Delete
+- Object Methoden.
+- Verwendung von Modulen (Bootstrap)
+
+**Übungen:**
+
+Projekte & optionale Übungen
+
+---
+
+#### Tag 29
+
+**Inhalt:**
+
+- **Exkurs: DOM Inhalte über mit REST API Express**
+- **Erweiterung Frontend um REST API**
+- CRUD - Create - Read - Update - Delete
+- BREAD - Browse - Read - Edit - Add - Delete
+- Verwendung von Modulen (Modal von BS, Toastify, Splide)
+
+**Übungen**
+
+Projekte + weiteres Modul einbinden
+
+---
+
+#### Tag 30
+
+- **Projektfinalisierung Express + REST API**
+- Einführung in Typescript
+
+
+---