libretech
d01253d0d0
223015c 02: anwendungsschicht benannt + an abstraktion angeknüpft (browser/app -> anwendung)
2026-06-17 13:01:00 +02:00
libretech
7885aee8fc
223015c 02: schicht-nummern auf 4-schichten-modell vereinheitlicht, alle abkürzungen bei erstnennung aufgelöst
2026-06-17 12:17:55 +02:00
libretech
27199ee1cc
223015c 03: hands-on-imperative auf ihr-plural vereinheitlicht
2026-06-17 12:17:55 +02:00
libretech
1dd983a453
223015c 01: tippfehler/grammatik/fachfehler korrigiert, frage-headings entschärft
2026-06-17 12:17:55 +02:00
libretech
4cd9975017
223015c 00: frage-headings/sie-anrede/drama entschärft
2026-06-17 12:17:55 +02:00
libretech
a64382d2de
223015c 01: byte/bit ohne plural-s
2026-06-17 12:03:40 +02:00
libretech
45c554c875
223015c 02: alltagsmetaphern entschlackt, vertiefung sortiert, dns-hierarchie präzisiert, byte/bit ohne plural-s
2026-06-17 12:03:39 +02:00
libretech
841d8b5944
223015c demos: port-grafik baseline-fix, handshake-caption vervollständigt, dingbat raus
2026-06-17 12:03:38 +02:00
libretech
613f37983e
223015c 02: osi/tcp-ip-grafik korrekt gemappt + headline-umbruch fix
2026-06-17 10:39:08 +02:00
libretech
2658251bcb
223015c 03: datum/emoji raus, frage-headings entschärft, du-konsistenz
2026-06-17 10:36:16 +02:00
libretech
3d6059c070
223015c 02: deutsch-qualität, fragmente/anglizismen raus, neutraler ton
2026-06-17 10:36:16 +02:00
libretech
ed756461e6
223015c 02: anrede durchgängig duzen, emoji raus, http/2.0 vereinheitlicht
2026-06-17 09:59:58 +02:00
libretech
7ae2a9964a
223015c 02: layer 1 (bit) ergänzt, tabellen-refactor, http/2.0, dimmed/klausur-klassen
2026-05-22 09:47:58 +02:00
libretech
b242c7b4e6
223015c 02 + dhbw 01: klausurfolien markiert, prosa-sätze bei allen tabellen, layout-fixes
...
223015c/02:
- glossar landkarte: klausur, prosa, reihenfolge (host→client→server→req→res→protokoll), tcp/http als beispiel
- glossar adressen/daten/eigenschaften/protokolle: prosa-sätze
- tcp/ip-modell: nichtssagenden satz ersetzt
- dateneinheiten: merkhilfe durch prosa ersetzt
- osi vs tcp/ip: bg right statt h:440, prosa statt einzeiler
- port: tabelle→liste, prosa statt bullets
- ip vs mac vs port: prosa
- tcp vs udp, http-methoden, status-codes, einheiten: prosa
- selektoren id + farben: klausur markiert
- farben: mdn-link, prosa-satz
dhbw/01:
- farben: prosa-satz synchronisiert
- über-mich: collage-bild hinzugefügt
2026-05-07 15:21:40 +02:00
libretech
5c419c9ed1
gendering: fehlende person-substantive in beiden kursen
...
- Nutzer/User -> Nutzende
- Endnutzer -> Endnutzende
- Teilnehmer -> Teilnehmende
- Programmierer/Entwickler -> Programmierende/Entwickelnde
- Web-Entwickler -> Web-Entwickelnde
- Tastatur-Nutzer -> Tastatur-Nutzende
- Benutzer -> Nutzende
- Konsumenten -> KonsumentInnen
- Künstler -> KünstlerInnen
- Autor -> AutorIn
- Fotografen -> FotografInnen
- Kunde -> KundIn
ausgenommen: code-identifiers (User, type User, /users/),
Sender/Empfänger (network protocol), Sawyer (konkrete person),
Hersteller/Betreiber (organisations-rolle).
2026-04-27 17:27:19 +02:00
libretech
c978842812
c01 Web-Zugänglichkeit Vertiefung: keine klausur, kein bg
...
- _class: 'erklaerung klausur' -> _class: erklaerung
- _backgroundColor: #fce4ec entfernt
ist nur eine vertiefung, keine klausur-folie.
2026-04-27 16:10:01 +02:00
libretech
61468d2d3a
erklaerung: bg entfernen — soll vertiefung sein, nicht klausur
...
bug: 'section.erklaerung' hatte '@media print { background }' rule (alle 5
files), was im PDF rosa/blau-klausur-bg setzte. HTML hatte (in c) keinen
bg oder (in b) gradient bg. ergebnis: HTML zeigt erklaerung anders als PDF
— PDF sah aus wie klausurfolie obwohl es nur eine vertiefung ist.
fix: erklaerung behaelt nur 'font-size: 1.1rem' + h1 color/size + table
font-size. KEIN background mehr — weder screen noch print. visuell
unterschieden durch h1-color und font-size, nicht durch bg-farbe.
betroffen: b01, b02, b03, c01, c02 (alle files mit section.erklaerung).
2026-04-27 15:04:45 +02:00
libretech
ac39f2b746
klausurfragen pdf fix: pre blocks waren schwarz auf schwarz
...
bug: 'pre code { color: inherit }' fiel auf section --color-foreground (#1a1a2e)
zurueck weil 'pre' selbst keine 'color' hatte. multi-line code-bloecke
unsichtbar (nur hljs-syntax-spans hatten farbe, rest = dark on dark).
fix: 'pre { color: #f8f8f8 }' setzen + inline 'code' und hljs/non-hljs
selectoren analog zu chapter-styles ergaenzt.
verified: c klausurfragen page 60 (G2 mobile-first CSS pre-block) jetzt
voll lesbar.
2026-04-27 00:53:48 +02:00
libretech
aea96edd09
bit/byte/hex folien sync beide kurse + neue viz embeds
...
223015c (internettechnik):
- byte-aufbau ausgebaut (build-up tabelle 0..127..255 wie b)
- neue slides: why-8-bit, byte-flow, three-views nach byte-nibble-hex/hex-dec-table
223015b (dateiformate):
- byte-nibble-hex slide eingebaut
- neue slides: why-8-bit (vor hex-lead), hex-dec-table, byte-flow, three-views
- wo-begegnet-hex tabelle (CSS, MAC, fehlercodes, speicher, unicode)
- bit-vs-byte verwirrung (Mbit/s vs MB/s)
konvention: 'Byte' und 'Bit' invariant, kein plural-s
2026-04-26 22:05:32 +02:00
libretech
1d29a9f03c
neue viz: three-views, why-8-bit, byte-flow (beide kurse)
...
- three-views.html: bitstream/hex/bedeutung — gleiche bytes drei perspektiven (PNG-header)
- why-8-bit.html: speicher-adressierung byteweise, halbe byte unmöglich
- byte-flow.html: 1 byte = 8 bit = 2 hex = 1 ASCII (Hello, World!) jeder rahmen ein byte
- screenshots in beide assets/demos ordner
2026-04-26 22:04:28 +02:00
libretech
24d7e5f660
byte-nibble-hex visualisierung: html-demo + slide #50
...
neue stufen-visualisierung (byte → 2 nibbles → 2 hex-ziffern → 4D/77/M)
ersetzt ascii-platzhalter durch sauberes html/css-demo + bg-fit png
2026-04-24 09:44:59 +02:00
libretech
a941b81d37
add codecrispies links to html examples
2026-04-24 09:19:26 +02:00
libretech
7bbfa74f1b
geschichte-folien: kathleen booth titel, fortran raus, von-neumann ausgebaut
...
- assembler-folie als kathleen booth (1922-2022) mit motorola-6800-asm bild
- fortran-folie entfernt
- von-neumann 5 komponenten: heute-spalte, kernprinzip, bus-details
- palantir/signal-bild-folie raus
- "bauen, einsetzen und regulieren"
- "bit & byte" statt "bits & bytes", 2⁸ ausgeschrieben
- perceivable-folie: texte/nicht-text umstrukturiert
2026-04-24 01:01:27 +02:00
libretech
2680a745cf
inline code syntax highlighting: marpit custom engine + css
2026-04-22 13:15:19 +02:00
libretech
79aaa14c29
a11y feinschliff, hex-dec-table neu, operable-folie verbessert, anatomie klausur
2026-04-22 11:54:51 +02:00
libretech
ec800d28ae
a11y werkzeuge-folie überarbeitet: screenreader tabelle, orca/talkback, wcag-formulierungen
2026-04-21 23:38:06 +02:00
libretech
80786cb040
a11y folien feinschliff, input-date demo, tag-attribut demo update, synonyme
2026-04-21 23:32:30 +02:00
libretech
67857b9bfd
a11y vertiefung: keyboard-demo, input-devices, mdn-links vereinheitlicht
2026-04-21 20:58:52 +02:00
libretech
cedda338df
double qr overlay size on wave slide
2026-04-21 19:43:11 +02:00
libretech
bfe7f3576a
add inverted wave qr overlay on tab-order slide
2026-04-21 19:35:19 +02:00
libretech
6b21b45e01
shrink mdn reference urls to compact text links
2026-04-20 18:26:50 +02:00
libretech
aeaeed6867
wave-tab-order as standalone full-bleed slide
2026-04-20 18:24:14 +02:00
libretech
72b7d51af9
add contrast-levels demo, wave-tab-order image, link a11y tools, mark axe as paid/pro
2026-04-20 18:22:42 +02:00
libretech
b6334035fc
add js basics demos: console, arrays, objects, loops
2026-04-20 13:25:09 +02:00
libretech
7626852ac1
add js demos for chapter 3: manipulate, classlist, create, events, preventdefault, todo, fetch, localstorage
2026-04-20 13:14:56 +02:00
libretech
754ff9436c
add dark mode js demo on chapter 3 slide
2026-04-20 12:54:52 +02:00
libretech
0367f07166
fix broken dns tree and port connector, full-bleed handshake and dns-lookup slides, siezen in all demos, first-letter sizing
2026-04-20 12:06:04 +02:00
libretech
c45ddc779c
replace arp dialog with visual, inline first-hop arrow
2026-04-20 11:52:13 +02:00
libretech
cbebc1a6f7
remove klausur class from chapter 2, siezen students, add server-decap demo, hide header/footer on oversized slides
2026-04-20 11:47:55 +02:00
libretech
8ed7796968
replace ascii trees: dns hierarchy, dom structure
2026-04-20 11:38:28 +02:00
libretech
5d4d167cbd
replace ascii: encap layers, timeline, dns lookup sequence, hop chain
2026-04-20 11:34:56 +02:00
libretech
6c8688c9f6
replace ascii arrows: network chain, port highlight, client/server, encap/decap, response hops
2026-04-20 11:27:28 +02:00
libretech
54ba08cdbc
mark css einheiten slide as klausur
2026-04-20 11:11:57 +02:00
libretech
777e0ffddb
replace ascii encapsulation diagrams: tcp, ip, ethernet, router re-hop
2026-04-20 11:10:47 +02:00
libretech
76f7ff3a46
replace ascii osi/tcpip layer diagram with rendered visual
2026-04-20 11:06:16 +02:00
libretech
b3c0994b7e
replace ascii box-model with diagram, expand explanation
2026-04-20 10:59:00 +02:00
libretech
fb361a2854
add css demos for 223015c chapter 2: selectors, specificity, box-model, colors, pseudo, responsive
2026-04-20 10:53:11 +02:00
libretech
a2934f1327
add html/css demos for 223015c chapter 1: html basics, widgets, a11y
2026-04-20 10:44:12 +02:00
libretech
558d0e5ecd
update 223015c chapter 1: wording, formatting, gendering
2026-04-20 10:27:06 +02:00
libretech
7d8e9f596c
add diday and palantir slides to 223015c chapter 1
2026-04-10 09:18:58 +02:00
libretech