From 0af8eb4af20397e9b326d575ff97a04ad75626c9 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Thu, 14 May 2026 12:10:33 +0200 Subject: [PATCH] =?UTF-8?q?223015c=20phase=200:=20klausur-themen-vorschlag?= =?UTF-8?q?=20(9=20bl=C3=B6cke,=20zur=20diskussion=20mit=20dozent)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- docs/klausur-themen-223015c.md | 86 ++++++++++++++++++++++++++++++++++ 1 file changed, 86 insertions(+) create mode 100644 docs/klausur-themen-223015c.md diff --git a/docs/klausur-themen-223015c.md b/docs/klausur-themen-223015c.md new file mode 100644 index 0000000..213ecf6 --- /dev/null +++ b/docs/klausur-themen-223015c.md @@ -0,0 +1,86 @@ +# 223015c — Klausur-Themen-Vorschlag (zur Diskussion) + +**Status:** Vorschlag von mir, *nicht gelockt*. Du redigierst, dann lock. +**Format-Vorbild:** wie `klausur-themen-2026.md` für 223015b (9 Blöcke). + +## Bestands-Aufnahme (Ist) + +- Kap 1 (Geschichte+HTML): 100 Slides — 8 mit `_class: klausur` +- Kap 2 (Netzwerke+CSS): 91 Slides — 7 mit `_class: klausur` +- Kap 3 (JS): 49 Slides — **0 klausur-Marker** → JS aktuell NICHT prüfungsrelevant +- 164 demos im `assets/demos/`-Ordner (DNS-tree, TCP-handshake, CSS-selektoren, ARIA, etc.) + +## Vorschlag: 9 Klausur-Blöcke + +### Block A — Vom-Neumann-Grundlagen +- 5 Komponenten der Von-Neumann-Architektur +- Was war ENIAC, was Mark I, was Z3 +- Warum „stored program" eine Revolution war +- *Berührungspunkt:* die Architektur eures eigenen Laptops + +### Block B — Internet-Entstehung +- ARPANET-Motivation (Kalter Krieg) +- Wer hat das WWW erfunden (Berners-Lee 1989), wo (CERN) +- Was unterscheidet Internet vs WWW +- Unterseekabel-Geographie als physische Realität + +### Block C — TCP/IP-Schichtenmodell +- Die 4 Schichten (Network, Internet, Transport, Application) +- Was passiert in jeder Schicht (Beispiel-PDU pro Schicht) +- Warum Schichten — Trennung der Verantwortlichkeiten +- OSI vs TCP/IP + +### Block D — Adress-Tripel (IP, MAC, Port) +- Was identifiziert jede Adresse (Gerät · NIC · Programm) +- Warum man alle drei braucht +- Beispiel: Browser → Server bei `localhost:8080` + +### Block E — DNS und HTTP +- Was tut ein DNS-Lookup +- Hierarchie (Root → TLD → Authoritative → Records) +- HTTP-Request-Response-Aufbau +- Statuscodes (200, 301, 404, 500) +- HTTP/2 + HTTP/3 (Header-Komprimierung, Multiplexing) + +### Block F — Gesamter Browser-Ablauf +- Was passiert von `Enter` im Browser bis Pixel +- 7 Schritte: URL → DNS → TCP/TLS → HTTP-Request → HTML-Parsing → CSS+JS → Render +- *Synthese-Klausur-Block* + +### Block G — HTML-Grundlagen +- Tag-Struktur (`Inhalt`) +- Semantische Tags (header, nav, main, article, section, footer) +- Document-Struktur (DOCTYPE, head, body, meta-tags) +- Validität: warum semantische Tags wichtig sind (SEO, A11y, Screen-Reader) + +### Block H — CSS-Grundlagen +- Box-Model (content, padding, border, margin) +- Selektoren (Element, Klasse, ID, Pseudo-Klassen, Kombinatoren) +- Cascading + Spezifizität +- Layout: Flexbox vs Grid (wann welches) + +### Block I — Barrierefreiheit (Accessibility / WCAG) +- BFSG / EAA (was ist das, wann tritt es in Kraft) +- WCAG 2.1 4 Prinzipien (POUR) +- Semantisches HTML als Foundation +- ARIA als Ergänzung (nicht Ersatz!) +- Konkrete Beispiele: Alt-Text, Kontrast, Keyboard-Navigation + +## Verlagerungen / Kürzungen + +**Komplett raus (Vorschlag):** +- JS-Hands-Ons als Klausur-Material (Block für JavaScript nicht aufnehmen) +- BitTorrent, P2P, gRPC, GraphQL (zu speziell, gehört in Webentwicklung-Modul) + +**Reduziert:** +- Geschichte-Personen-Galerie: 12 Personen → 6 (Lovelace, Turing, von Neumann, Hopper, Hamilton, Berners-Lee) +- Hollerith/IBM/NS: behalten als Geschichts-Block, klausur-relevant Block A + +## Offene Fragen für dich + +1. **JS ja oder nein in Klausur?** Wenn ja: welche Tiefe (Konzept-Verständnis vs Code-Lesen vs Code-Schreiben)? +2. **CSS-Tiefe:** Flexbox-Code lesen-können oder nur "Was ist Flexbox" konzeptionell? +3. **A11y-Tiefe:** Standards aufzählen (WCAG, BFSG, EAA) oder konkrete WCAG-Kriterien anwenden? +4. **Block F (Browser-Ablauf):** der ist methodisch synthetisch — wollen wir das als „Klausur-Pflicht-Synthese" oder als optionale Bonus-Frage? + +**Bitte beantworte → ich lock die Blöcke → leite daraus die operativen Lernziele ab.**