From a51aa72cc95d517b8e77a9b081ee55985bb1a967 Mon Sep 17 00:00:00 2001
From: Philippe Torrel <webmaster@gkontra.de>
Date: Mon, 19 Oct 2026 08:46:20 +0200
Subject: [PATCH]

---
 .../frontend-gulp/TODO.md                     |  8 +-
 05_typescript/agenda.md                       | 88 ++++++++++++++++++-
 2 files changed, 88 insertions(+), 8 deletions(-)

diff --git a/04_browser-api/unterricht/tag30/01_website-refactored/frontend-gulp/TODO.md b/04_browser-api/unterricht/tag30/01_website-refactored/frontend-gulp/TODO.md
index 0f55a6b..998a2a1 100644
--- a/04_browser-api/unterricht/tag30/01_website-refactored/frontend-gulp/TODO.md
+++ b/04_browser-api/unterricht/tag30/01_website-refactored/frontend-gulp/TODO.md
@@ -1,6 +1,6 @@
 ## Refactoring ProductManager
 
-- [x] Aktualisierung der Produktpositionen nach Veränderung durch Drag n' Drop 
-- [x] fetch Anfragen durch `api.request()` Methode zusammenfassen (DRY-Prinzip)
-- [x] Anzahl an EventListener auf Zeilenebene durch Eventlistener auf Tabellenebene reduzieren.
-- [ ] HTML Elemente im Produktmanager sollen über JS eine einmalige ID über `uuid` erhalten. 
\ No newline at end of file
+- [ ] Aktualisierung der Produktpositionen nach Veränderung durch Drag n' Drop 
+- [ ] fetch Anfragen durch `api.request()` Methode zusammenfassen (DRY-Prinzip)
+- [ ] Anzahl an EventListener auf Zeilenebene durch Eventlistener auf Tabellenebene reduzieren.
+- [ ] HTML Elemente, die derzeit eine einmalige Zuweisung (z.B. `id`, `for`, `aria-labelledby` Attribut) im Produktmanager besitzen sollen über JS eine einmalige ID über `uuid` erhalten. 
\ No newline at end of file
diff --git a/05_typescript/agenda.md b/05_typescript/agenda.md
index df5ccd4..bd4c41c 100644
--- a/05_typescript/agenda.md
+++ b/05_typescript/agenda.md
@@ -495,12 +495,92 @@ Projekte & optionale Übungen
 
 **Inhalt:**
 
-- Typescript literale, Narrowing with Guards
-  - truthiness, equality, in-operator, type-predicate
-- TS Funktionen und Objekte
+- Typescript literale
 - **Exkurs: Vite vs Gulp**
 - **Produktmanager Refactoring mit Bootstrap 6**
 
 **Übungen:**
 
-Übungen 10 - 19
+Übungen 10 - 11
+
+
+---
+
+### Tag 31
+
+**Inhalt:**
+
+- Narrowing with Guards
+  - truthiness, equality, in-operator, type-predicate
+- TS Funktionen und Objekte
+
+**Übungen:**
+
+Übungen 12 - 20
+
+---
+
+### Tag 32
+
+**Inhalt:**
+
+- TS Funktionen und Objekte Part II
+- Vorstellung Projekt 2
+- Abschluss TypeScript Grundlagen
+
+**Übungen:**
+
+Übungen 21 - 31
+Projektarbeit
+
+---
+
+# Einführung in React
+
+---
+
+
+### Tag 33
+
+**Inhalt:**
+
+- Einführung in REACT
+- VDOM von REACT
+- ES6 Module mit ohne ohne Bundler
+
+**Übungen:**
+
+Übung 01 - 03
+
+---
+
+### Tag 34
+
+**Inhalt:**
+
+- Build Tools im Vergleich &amp; Einführung in Vite
+- Beispiele der Gestaltungsmöglichkeiten in Frameworks
+- Layout & wiederverwendbare Komponenten
+- EventHandler in React
+
+**Übungen:**
+
+Übung 04 - 07
+
+---
+
+### Tag 35
+
+**Inhalt:**
+
+- Layout & wiederverwendbare Komponenten Part II
+- EventHandler in React `onSubmit`, `onChange`, `onClick`
+- Hooks in React.
+- **Optimierung vom ProduktManager über KI**
+- **ProduktManager wird in TS migriert** 
+- 1:1 Meeting
+
+
+**Übungen:**
+
+Übung 08 - 11