DHBW Slides: file-struktur 1:1 zu sitzungen refactoren #2

Open
opened 2026-05-07 17:30:46 +02:00 by libretech · 0 comments
Owner

DHBW Slides: File-Struktur 1:1 zu Sitzungen refactoren

Problem

slides/dhbw/01_web_eng.md ist auf 103 slides angewachsen und enthält content für drei
Sitzungen gleichzeitig (Intro, HTML/CSS, JS/Frameworks). Die file-namen folgen nicht der
Vorlesungsplan-struktur. 02_css_extended.md ist nach mehreren Trims sehr dünn (~14 slides).
Sitzung 3 hat keine eigene datei.

Soll-Struktur

Eine datei pro Sitzung mit decklisten:

Neu Alt Sitzung Datum Soll-inhalt
01_intro.md (split aus 01_web_eng) 1 08.05 Cover, Über mich, Vorlesungsplan, Prüfungsleistung, Internet 101, Onboarding
02_html_css.md (split aus 01 + 02_css_extended) 2 15.05 HTML, A11y/WCAG, CSS Grundlagen + Extended, Native HTML
03_js_frameworks.md NEU (split aus 01) 3 22.05 ECMAScript, JS, DOM, Fetch, Async, Frameworks (Vanilla/React/Vue/Svelte/Astro), Rendering (Next/Nuxt/Gatsby), Build Tools (Webpack/Vite/Parcel), Microfrontends, Mandala
04_nodejs_basics.md 03_nodejs_basics 4 29.05 nodeJS Scripting, Running, Building
05_express.md 04_nodejs_advanced 5 05.06 Express, CRUD, Middlewares, SOLID
06_testing.md 05_testing 7 19.06 Testing
07_typescript.md 06_typescript 8 26.06 TypeScript
08_docker.md 07_docker 9 03.07 Docker
09_best_practices.md 08_best_practices 10 10.07 Wrap-up + Best Practices

(Sitzung 6 = Projektwerkstattbericht, Sitzung 11 = Präsentation — beide ohne deck)

Zusätzlich aus dem Original-PDF zu portieren

Beim umstrukturieren noch fehlende original-folien einbauen:

Sitzung 1:

  • "Was ist (k)eine Web App?" (Original Slide 8/9)
  • "Erwartungen und Wünsche" (Slide 6)

Sitzung 2:

  • HTML autocomplete-attribut (Slide 31)
  • HTML Microdata / schema.org (Slide 32)
  • Effizientes HTML (Pug, Handlebars, Lodash, Slide 33)
  • "Was kann eine Web App?" (Tone.js, Three.js, WebGL, Slide 27)

Sitzung 3:

  • ECMAScript Browser-Kompatibilitätstabelle (kangax-screenshot)
  • Client- vs Server-Side JS Vergleichsfolie (Slide 45)
  • Single-spa / Microfrontends Hinweis-folie

Sitzung 4 (nodeJS):

  • WebSockets-block (Slide 74) — fehlt aktuell ganz
  • npm reserved names (preinstall, postinstall, prestart, Slide 70)
  • CLI commands cheat-sheet (Slide 71)

Sitzung 5 (Express):

  • SOLID-prinzipien-block (slide-77 inhalt)
  • server.on(event, handler) events (Slide 82)
  • node-cache-api Demo-Repo (Slide 85)

Sitzung 9 (Docker):

  • "100 Concepts of Docker" exkurs-folie (Slide 138)

Was weg kann

  • "Bisherige Vorlesungen" bullet im Über-mich (jetzt anders formuliert)
  • Pro-sitzung wiederkehrende "Wiederholung" + "Vorlesungsplan"-folien (Original hatte das, hier nur einmal in Sitzung 1)

Aufwand

~45 min. Nicht alles muss in einem rutsch — ggf. file-renames + splits zuerst, dann inhalte
aus original-PDF in folge-issues nachziehen.

Was-noch-zu-tun (Reihenfolge)

  1. 01_intro.md aus 01_web_eng.md extrahieren (intro/internet101/onboarding)
  2. 02_html_css.md zusammenmergen aus 01_web_eng.md (HTML/A11y/CSS) + 02_css_extended.md
  3. 03_js_frameworks.md neu anlegen mit JS/Frameworks/BuildTools aus 01_web_eng.md
  4. 03_nodejs_basics.md → 04_nodejs_basics.md umbenennen
  5. 04_nodejs_advanced.md → 05_express.md umbenennen
  6. 05_testing.md → 06_testing.md
  7. 06_typescript.md → 07_typescript.md
  8. 07_docker.md → 08_docker.md
  9. 08_best_practices.md → 09_best_practices.md
  10. Makefile dhbw_KAPITEL aktualisieren auf neue file-namen
  11. CLAUDE.md (DHBW-Section) aktualisieren
  12. Build + dev-server testen
  13. Original-PDF gaps nachziehen (siehe Abschnitt oben)
# DHBW Slides: File-Struktur 1:1 zu Sitzungen refactoren ## Problem `slides/dhbw/01_web_eng.md` ist auf 103 slides angewachsen und enthält content für drei Sitzungen gleichzeitig (Intro, HTML/CSS, JS/Frameworks). Die file-namen folgen nicht der Vorlesungsplan-struktur. `02_css_extended.md` ist nach mehreren Trims sehr dünn (~14 slides). Sitzung 3 hat keine eigene datei. ## Soll-Struktur Eine datei pro Sitzung mit decklisten: | Neu | Alt | Sitzung | Datum | Soll-inhalt | |-----|-----|---------|-------|-------------| | `01_intro.md` | (split aus `01_web_eng`) | 1 | 08.05 | Cover, Über mich, Vorlesungsplan, Prüfungsleistung, Internet 101, Onboarding | | `02_html_css.md` | (split aus `01` + `02_css_extended`) | 2 | 15.05 | HTML, A11y/WCAG, CSS Grundlagen + Extended, Native HTML | | `03_js_frameworks.md` | **NEU** (split aus `01`) | 3 | 22.05 | ECMAScript, JS, DOM, Fetch, Async, Frameworks (Vanilla/React/Vue/Svelte/Astro), Rendering (Next/Nuxt/Gatsby), Build Tools (Webpack/Vite/Parcel), Microfrontends, Mandala | | `04_nodejs_basics.md` | `03_nodejs_basics` | 4 | 29.05 | nodeJS Scripting, Running, Building | | `05_express.md` | `04_nodejs_advanced` | 5 | 05.06 | Express, CRUD, Middlewares, SOLID | | `06_testing.md` | `05_testing` | 7 | 19.06 | Testing | | `07_typescript.md` | `06_typescript` | 8 | 26.06 | TypeScript | | `08_docker.md` | `07_docker` | 9 | 03.07 | Docker | | `09_best_practices.md` | `08_best_practices` | 10 | 10.07 | Wrap-up + Best Practices | (Sitzung 6 = Projektwerkstattbericht, Sitzung 11 = Präsentation — beide ohne deck) ## Zusätzlich aus dem Original-PDF zu portieren Beim umstrukturieren noch fehlende original-folien einbauen: **Sitzung 1:** - "Was ist (k)eine Web App?" (Original Slide 8/9) - "Erwartungen und Wünsche" (Slide 6) **Sitzung 2:** - HTML autocomplete-attribut (Slide 31) - HTML Microdata / schema.org (Slide 32) - Effizientes HTML (Pug, Handlebars, Lodash, Slide 33) - "Was kann eine Web App?" (Tone.js, Three.js, WebGL, Slide 27) **Sitzung 3:** - ECMAScript Browser-Kompatibilitätstabelle (kangax-screenshot) - Client- vs Server-Side JS Vergleichsfolie (Slide 45) - Single-spa / Microfrontends Hinweis-folie **Sitzung 4 (nodeJS):** - WebSockets-block (Slide 74) — fehlt aktuell ganz - npm reserved names (preinstall, postinstall, prestart, Slide 70) - CLI commands cheat-sheet (Slide 71) **Sitzung 5 (Express):** - SOLID-prinzipien-block (slide-77 inhalt) - `server.on(event, handler)` events (Slide 82) - node-cache-api Demo-Repo (Slide 85) **Sitzung 9 (Docker):** - "100 Concepts of Docker" exkurs-folie (Slide 138) ## Was weg kann - "Bisherige Vorlesungen" bullet im Über-mich (jetzt anders formuliert) - Pro-sitzung wiederkehrende "Wiederholung" + "Vorlesungsplan"-folien (Original hatte das, hier nur einmal in Sitzung 1) ## Aufwand ~45 min. Nicht alles muss in einem rutsch — ggf. file-renames + splits zuerst, dann inhalte aus original-PDF in folge-issues nachziehen. ## Was-noch-zu-tun (Reihenfolge) 1. `01_intro.md` aus `01_web_eng.md` extrahieren (intro/internet101/onboarding) 2. `02_html_css.md` zusammenmergen aus `01_web_eng.md` (HTML/A11y/CSS) + `02_css_extended.md` 3. `03_js_frameworks.md` neu anlegen mit JS/Frameworks/BuildTools aus `01_web_eng.md` 4. `03_nodejs_basics.md` → `04_nodejs_basics.md` umbenennen 5. `04_nodejs_advanced.md` → `05_express.md` umbenennen 6. `05_testing.md` → `06_testing.md` 7. `06_typescript.md` → `07_typescript.md` 8. `07_docker.md` → `08_docker.md` 9. `08_best_practices.md` → `09_best_practices.md` 10. `Makefile` `dhbw_KAPITEL` aktualisieren auf neue file-namen 11. CLAUDE.md (DHBW-Section) aktualisieren 12. Build + dev-server testen 13. Original-PDF gaps nachziehen (siehe Abschnitt oben)
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: public/uni#2