libretech
435282b079
dhbw phase 1: operative lernziele für alle 8 kapitel (vorschlag, 4 fragen offen)
...
je 5 lernziele pro kapitel auf basis des DHBW-fundaments (industrie-anschluss + selbstständig-lernen + praxis-bezug):
- kap1 web eng: browser-render, semantisches HTML, A11y BFSG/EAA, DevTools, tool-landschaft VS Code/Vite/Frameworks
- kap2 CSS extended: box-model, flexbox 1D, grid 2D, responsive media queries, animations+transitions mit reduced-motion
- kap3 node basics: rolle als runtime, npm init+package.json+node 24 LTS, ESM vs CJS, http-server mit express, fetch in node
- kap4 node advanced: async/await+promise, fs/promises, datenbank-CRUD (SQLite/PG), authentifizierung JWT/session, error-handling
- kap5 testing: vitest unit-tests, TDD red-green-refactor, integration-tests API, E2E playwright/cypress trade-offs, coverage-report (kein QA-garant)
- kap6 typescript: rolle als JS-aufsatz, typen-annotation, interfaces+type-aliase, generics LESEN, strict-tsconfig
- kap7 docker: container-konzept, dockerfile, docker compose multi-container, multi-stage-build (bonus), CI-pipeline integration
- kap8 best practices: git-hygiene+conventional commits, README schreiben, SOLID erkennen, 12-factor app, code-reviews, SemVer
soft-skills übergreifend: doku lesen, stack-overflow/github-issues nutzen, sauber strukturieren, industrie-konventionen.
4 offene fragen: kap1-split (zu groß bei 1791 zeilen)?, TS-tiefe (lesen vs schreiben)?, kap8 soft- vs hard-skills?, DHBW-praxis-phase-stack-verteilung (node vs java)?
danach: bogen pro 8 kapitel, demo-audit (dhbw-assets bisher minimal), slide-rewrites pro kapitel
2026-05-14 16:49:10 +02:00
libretech
753afd6aba
223015c phase 2: 3 bogen-docs (kap1 geschichte+HTML, kap2 netzwerke+CSS, kap3 JS)
...
kap1 (~32 slides, vs ist 100): bogen 'wie sind wir vom lochkarten-rechenwerk zum HTML-tag im browser gekommen'. struktur: pioniere-galerie reduziert auf 6 personen (lovelace/hollerith/turing/von-neumann/hopper/hamilton), 4 internet-milestones (1969/1971/1983/1989), HTML-anatomie + semantik. streichungen: pro-person-galerie, IBM/NS-vertiefung, framework-logos (gehört kap3), A11y (verschoben nach kap2). 4 NEU demos: kap-c-01-bogen, internet-timeline, dce-cix-karte, html-tags-cheatsheet.
kap2 (~50 slides, vs ist 91): bogen 'wie reisen bytes von frankfurt nach stuttgart und wie wird HTML hübsch'. sub-A netzwerk 25 slides (IP/MAC/port-tripel, 4 TCP/IP-schichten + encapsulation, DNS-hierarchie, HTTP-request/response, statuscodes 200/301/404/500, HTTP/1.1/2/3, TCP-handshake, 7-schritte-synthese), sub-B CSS+A11y 25 slides (anatomie/selektoren/spezifizität/box-model/flexbox/grid/responsive/farbe + BFSG-EAA-zeitleiste/POUR/semantik+ARIA/kontrast/keyboard/error-states). streichungen: encapsulation-doppelt, bittorrent/P2P, glossar-folien, IPv6-tiefen. 12 NEU demos (HTTP-anatomien, statuscodes, http-versionen, 7-schritte-master, flexbox/grid-axes, flexbox-vs-grid, bfsg-zeitleiste, pour-diagramm, summary).
kap3 (~30 slides, vs ist 49): bogen 'was passiert wenn HTML+CSS da sind und nichts reagiert? JS macht es interaktiv'. variablen/funktionen/schleifen/DOM/events/dark-mode-toggle/to-do/fetch/localStorage. frameworks-vorschau (react/vue/angular) als ÜBERSICHTS-folie statt logo-galerie. JS auf verstehen-niveau (nicht klausurrelevant per vorschlag). streichungen: framework-logo-galerie, doppelte 'was kann JS'-folien, lange hands-on-codes (code in assets/code/). 2 NEU demos: js-was-kann-es, library-vs-framework.
reuse-budget: ~150 von 164 vorhandenen demos werden genutzt (a11y/css-selektoren/network-chain/dns/tcp/encap/js-*).
NEU-budget: 18 demos total (4+12+2).
2026-05-14 16:35:44 +02:00
libretech
907a936c43
223015c phase 1: lernziele-vorschlag (4 fragen offen)
...
ableitung aus den 9 klausur-blöcken A-I + JS-block J:
- block A vom-neumann: 3 lernziele (5-komponenten benennen, stored-program-revolution erklären, pioniere einordnen)
- block B internet: 2 lernziele (ARPANET+WWW geschichte, unterseekabel-physik)
- block C TCP/IP: 4 lernziele (4 schichten benennen, encapsulation, dateneinheiten pro schicht, OSI-vs-TCP/IP)
- block D adress-tripel: 4 lernziele (IP/MAC/port jeweils erklären, zusammenspiel localhost:8080)
- block E DNS+HTTP: 4 lernziele (DNS-lookup-hierarchie+caching, HTTP-request/response lesen, statuscodes 200/301/404/500, HTTP/1.1/2/3 unterscheiden)
- block F browser-synthese: 2 lernziele (7-schritte-ablauf URL→pixel, fehler-szenarien)
- block G HTML: 4 lernziele (tag-struktur, semantische tags, document-struktur, warum semantik wichtig)
- block H CSS: 4 lernziele (box-model, selektoren, kaskade+spezifizität, flexbox vs grid)
- block I a11y: 4 lernziele (BFSG/EAA datum 28.06.2025, WCAG POUR, semantisches HTML + ARIA als ergänzung, drei kriterien alt-text/kontrast/keyboard)
- block J JS: 4 lernziele auf verstehen-niveau (JS-rolle, DOM, events, framework vs library) — NICHT klausurrelevant per vorschlag
eichmaß: fließsatz, default bloom 'verstehen' (nicht 'anwenden'), lebensweltanker.
4 offene fragen: F als pflicht-synthese?, I tiefer als BFSG-niveau?, H4 anwenden oder konzept?, JS-tiefe ausreichend?
danach: bogen pro kapitel, demo-audit (164 demos vorhanden), slides-rewrite (3 kapitel)
2026-05-14 16:33:41 +02:00
libretech
35e7e89010
dhbw phase 0: fundament-vorschlag + prüfungsleistung-vorschlag (beide zur diskussion)
...
dhbw-fundament.md: drei meta-lernziele DHBW-spezifisch:
1. industrie-anschluss-fähigkeit (aktuelle tools, 70% stack-vertrautheit für praxis-phase)
2. selbstständig-lernen-lernen (werkzeug-kompetenz > enzyklopädisches wissen, MDN/ARIA/RFC lesen können)
3. theorie-praxis-verbindung (jedes thema braucht erkennbaren anwendungsfall in typischer praxis-phase)
HdM-werkzeuge (constructive alignment, advance organizer, mayer-12, informatikdidaktik) bleiben gleich. nur lernziel-INHALTE sind DHBW-spezifisch.
3 offene fragen: tool-stack-fokus (node/docker/git stimmt für DHBW karlsruhe?), praxis-phase-realität, soft-skills-block-tiefe
dhbw-pruefungsleistung.md: 8 kompetenzfelder mit 75+10 punkten:
1. projekt-strukturierung+README (10)
2. code-qualität (15)
3. git-hygiene (10) — conventional commits, .gitignore
4. tests (10)
5. docker-containerisierung (10)
6. HTTP/API-design (10)
7. frontend a11y (10, falls UI im projekt)
8. präsentation (5+10 bonus)
punkte-skalierung 80-85 sehr gut bis <33 nicht bestanden
4 offene fragen: frontend-pflicht?, punkte-verteilung-gewichtung?, was-zählt-als-bonus?, AI-code-anteile-reglement?
danach: lernziele ableiten pro 8 kapitel, bogen pro kapitel, slide-rewrites
2026-05-14 12:11:48 +02:00
libretech
0af8eb4af2
223015c phase 0: klausur-themen-vorschlag (9 blöcke, zur diskussion mit dozent)
...
block A vom-neumann-grundlagen (5 komponenten, ENIAC/Mark1/Z3, stored program)
block B internet-entstehung (ARPANET kalter krieg, WWW 1989 berners-lee CERN, unterseekabel)
block C TCP/IP-schichtenmodell (4 schichten, PDU pro schicht, warum schichten, OSI vs TCP/IP)
block D adress-tripel (IP/MAC/port, warum alle drei, localhost:8080 beispiel)
block E DNS+HTTP (lookup-hierarchie, request/response, statuscodes, HTTP/2 + 3)
block F browser-ablauf-synthese (URL → DNS → TCP → TLS → HTTP → HTML → CSS+JS → render, 7 schritte)
block G HTML-grundlagen (tag-struktur, semantische tags, DOCTYPE+head, validität)
block H CSS-grundlagen (box-model, selektoren, kaskade+spezifizität, flexbox vs grid)
block I barrierefreiheit (BFSG/EAA, WCAG POUR, semantisches HTML, ARIA als ergänzung)
vorschlag verlagerungen: JS-hands-ons raus aus klausur (kein block für JS), BitTorrent/P2P/gRPC/GraphQL raus (zu speziell), geschichte-personen-galerie 12→6 reduzieren
4 offene fragen formuliert für dozent-feedback: JS-tiefe? CSS-tiefe? A11y-tiefe? Block-F-status als pflicht-synthese?
danach: lernziele ableiten, bogen pro kapitel, demo-audit (164 vorhanden), slides-rewrite (3 kapitel-files)
2026-05-14 12:10:33 +02:00
libretech
f573e9d78b
223015b phase 3b: 2 konkrete eröffner-demos (statt schablone) + STATUS.md für branch-fortsetzung. kap02-eroeffner: FLAC vs MP3-128 mit synth-svg-wellenformen, echten dateigrößen (5.3 MB vs 0.48 MB), bitrate-vergleich, verdict-frage 'hört man den unterschied'. kap03-eroeffner: 3×3-tabelle bild/audio/video × roh/lossy-modern/lossy-aggressiv mit echten zahlen (foto 36MB→4MB→800KB, audio 5.3MB→720KB→240KB, video 12GB→94MB→45MB) + visuelle größenbalken + verdict mit reduktionsfaktoren ×45/×22/×270 und drei verschiedenen wahrnehmungs-tricks pro modalität. kap4+5 eröffner noch offen, status-doc beschreibt nächste schritte für branch-fortsetzung von unterwegs
2026-05-14 10:44:41 +02:00
libretech
bf2ca0bb87
223015b docs: 'Hands-On' → 'Selbstlernen' in allen 5 bogen-docs (pädagogisch konventionsgerecht statt industrie-jargon), 'Klausur-Recap'-folie am ende von kap 3 gestrichen (verletzte das prinzip der klausur-fragmentation), klausur-block-terminologie im lernziel-doc explizit als thematischer lernziel-cluster geklärt (block = klausurfragen-konvention, klausur-folien bleiben verstreut im vorlesungsfluss)
2026-05-14 02:37:33 +02:00
libretech
bb943f84b9
223015b phase 0+1+2: klausur-themen-tableau (9 blöcke nach D1-D4-lock: alles drin, zukunft raus, JPEG volle DCT-tiefe, granular), 33 operative lernziele (fließsatz, default verstehen/unterscheiden, kein bloom-tag, alltagsanker wo sinnvoll, L1.5 KB/KiB nicht mehr apply sondern einordnen), 5 kapitel-bögen mit advance organizers und folien-skeletten (kap1 datenfundamentale ~40 slides, kap2 kompression ~22, kap3 inhalte ~50, kap4 speicher/schnittstellen ~30, kap5 distribution/metadaten ~25), pro bogen: bedienter klausur-block + lernziel-bezug pro folie + berührungspunkt + reuse/neu-markierung der visualisierungen + streichungsliste mit begründungen + hands-on
2026-05-14 02:27:19 +02:00
libretech