diff --git a/03_js-dom/agenda.md b/03_js-dom/agenda.md index 5248c54..67ebcdd 100644 --- a/03_js-dom/agenda.md +++ b/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 \ No newline at end of file +- 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 + + +---