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)
3.6 KiB
3.6 KiB
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
Enterim 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
- JS ja oder nein in Klausur? Wenn ja: welche Tiefe (Konzept-Verständnis vs Code-Lesen vs Code-Schreiben)?
- CSS-Tiefe: Flexbox-Code lesen-können oder nur "Was ist Flexbox" konzeptionell?
- A11y-Tiefe: Standards aufzählen (WCAG, BFSG, EAA) oder konkrete WCAG-Kriterien anwenden?
- 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.