libretech
0af8eb4af2
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)
87 lines
3.6 KiB
Markdown
87 lines
3.6 KiB
Markdown
# 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 (`<tag attr="wert">Inhalt</tag>`)
|
|
- 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.**
|