libretech
95ff4a08d7
dhbw assets: qr-code zu librete.ch/dhbw/ (slides-dhbw.png) für post-cover-folien
2026-05-08 13:51:54 +02:00
libretech
29403e0f78
dhbw 01_intro: was-keine-webapp-folie auf * statt - bullets für marp-fragmented-list
2026-05-08 13:35:44 +02:00
libretech
0a7730ad9a
dhbw 01_intro: vorstellungsrunde-folie zwischen über-mich und vorlesungsplan (gap aus original-PDF slide 4 — wer bist du, was machst du)
2026-05-08 13:32:43 +02:00
libretech
c4c6119b8a
dhbw 01_intro: was-ist-keine-webapp-block (cover + content) zwischen prüfungsleistung-abgabe und internet-timeline (gap aus original-PDF slides 8/9)
2026-05-08 13:30:43 +02:00
libretech
a830480100
dhbw 01_intro: erwartungen-und-wünsche-folie zwischen vorlesungsplan und prüfungsleistung (gap aus original-PDF slide 6)
2026-05-08 13:27:46 +02:00
libretech
a56b487bd4
dhbw 01_intro: editor-folie titel präzisiert (Editor → Editor (IDE))
2026-05-08 13:24:27 +02:00
libretech
81f233b61a
dhbw slides: 1 file pro sitzung (issue #2 )
...
01_web_eng.md (103 slides) aufgesplittet:
- 01_intro.md: cover, ueber-mich, vorlesungsplan, pruefungsleistung, internet 101, onboarding
- 02_html_css.md: html, a11y/wcag, css basics + css extended (aus 02_css_extended.md gemergt)
- 03_js_frameworks.md: ecmascript, js, dom, fetch, async, frameworks, build tools, microfrontends
renames (03-08 -> 04-09):
- 03_nodejs_basics -> 04_nodejs_basics
- 04_nodejs_advanced -> 05_express
- 05_testing -> 06_testing
- 06_typescript -> 07_typescript
- 07_docker -> 08_docker
- 08_best_practices -> 09_best_practices
02_css_extended.md geloescht (inhalte in 02_html_css.md)
makefile: dhbw_KAPITEL + dhbw_NAME aktualisiert
2026-05-08 09:06:19 +02:00
libretech
0774b8652d
dhbw 01: pruefungsleistung aktualisiert (100 basis + 15 bonus statt 75+10)
...
punkteverteilung nach source-of-truth (git.librete.ch/DHBW/pruefungsleistung):
- grundanforderungen 30p (projektgrundlagen 15 + praesentation 15)
- clean code 25p (struktur 10 + qualitaet 10 + doku 5)
- accessibility & ux 25p (a11y 15 + responsive 10) — neu
- technische umsetzung 20p — neu
- bonus max 15p (6 bereiche statt 8, je 5p)
2026-05-08 08:54:40 +02:00
libretech
dde33f108f
dhbw 01: fix pruefungsleistung link (git.librete.ch)
2026-05-08 08:46:23 +02:00
libretech
82407679b5
dhbw 01_web_eng: ecmascript-history slide (ecma international, ECMA-262, ES15, kompat-tabelle), html-anatomie ascii-diagramm (opening/closing tag, content, element, attribute), css-anatomie ascii-annotation (#description-beispiel mit pfeilen auf property+value), framework-logos als bg right:25% auf react/vue/svelte/astro/webpack/vite/parcel slides, a11y-test-slide layout fix (image inline statt bg-right wie hdm)
2026-05-07 17:21:25 +02:00
libretech
c242e0f947
dhbw inhalt: vorlesungsplan tabelle → cards-grid (4×3, milestones hervorgehoben), über-mich logos-collage, internet-101 erweitert (timeline + arpanet-bg + WWW-1989 + mosaic-bg + unterseekabel + heute + five-eyes), a11y/WCAG-block (~12 slides nach native html, vor css), direkt-install slide gesplittet (szenario / symptome), code-block-color → #f48fb1 (alle 8 files), section.invert h2 #f48fb1 für barrierefreiheit, ressourcen-slide auf 01-05 nach cover, alle emojis raus (✓✗ ⚠️ 🍞 🥬 🏆 + ↔), ESM statt CJS in 03/04, librete.ch domain, kleinere fixes (chromium statt chrome, CLI aufgelöst, JetBrains edu, hoppscotch, SOLID-abk., node 24 LTS, brew/winget/scoop/choco-links, vim/neovim/emacs editoren, herzlich willkommen)
2026-05-07 17:09:04 +02:00
libretech
52312f1cb8
dhbw assets: arpanet 1969 + arpanet 90er, mosaic-screenshot, unterseekabel-karte für internet-101 + 5 a11y-demos (kontrast, fokus, error, semantik, keyboard) für barrierefreiheit-block
2026-05-07 17:08:46 +02:00
libretech
e2bab75e60
dhbw assets: 13 logos (uni-stuttgart, dhbw, klett, pons, langenscheidt, nextmarkets, re-cinq, experience-one, becklyn, caesargustav) + collage.png für über-mich-slide, dark-varianten der weiß-auf-transparent-logos
2026-05-07 15:29:45 +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
46b297ada4
dhbw 01_web_eng: direkt-install slide ausgebaut (szenario, symptome), du-formen entfernt (sachlich/akademisch), editor-liste vim/neovim/emacs (helix raus), git inline erklärt
2026-05-07 14:48:33 +02:00
libretech
8dabc4e570
dhbw farb-schema: himbeer (wie hdm 223015c) — highlight #d63384, h1 #a02060, h2 #1f2937 (#f48fb1 auf invert für barrierearmut), pre/code #0f0f23/#d63384, dimmed #4a4a6a, invert-bg #001520→#000; herzlich willkommen statt willkommen; git kurz erklärt
2026-05-07 14:41:07 +02:00
libretech
6b33a79d9c
dhbw 01_web_eng: über-mich aktualisiert (systems & platform engineer, dhbw-mail), onboarding-block (werkzeuge/os, node-install pro os mit lts node 24, versionsmanager, alternative runtimes deno/bun, editor, browser-devtools, http-clients, git setup, projekt-skeleton), html-block aus hdm (was ist html, anatomie, metadaten, tags+attribute, native html), css-block aus hdm (selektoren, spezifität, box-modell, farben, einheiten, pseudo-klassen, responsive), mandala-PNG mit erklärungs-folie, font 1.7→1.4rem, semesterplan + prüfungsleistung details, ascii-browser-request raus (PNG bleibt), kleine fixes (chromium statt chrome, cli aufgelöst, brew-link, jetbrains edu, hoppscotch, solid abkürzungen aufgelöst)
2026-05-07 14:21:19 +02:00
libretech
a07ab0a3d1
dhbw 02_css_extended: native html-block + basic-selektoren + basic-pseudoclasses + specificity raus (jetzt in 01), einheitliche cover (sitzung 2 — html & css frameworks), font 1.7→1.4rem, fragen-slide raus
2026-05-07 14:21:00 +02:00
libretech
5c25b14a59
dhbw 03-04 (node.js basics+advanced): cjs → esm in code-beispielen (import + node:-präfix), legacy-cjs als vergleichsbeispiel markiert, einheitliche cover, font 1.7→1.4rem, fragen-slides raus, __dirname/__filename via import.meta.url
2026-05-07 14:20:46 +02:00
libretech
79fbe046d9
dhbw 05-08 (testing/typescript/docker/best-practices): einheitliche cover (web engineering / dhbw stuttgart / sose 2026 · sitzung x), font 1.7→1.4rem, fragen+hausaufgabe-slides raus (kein klausur an dhbw)
2026-05-07 14:20:35 +02:00
libretech
4b267bcb8b
dhbw assets: html/css demo-pngs aus hdm kopiert (20 files) + web-engineering-mandala.png
2026-05-07 14:20:20 +02:00
libretech
df52a8c6a5
makefile: konsolidiere dev — nur 'make dev' (alle kurse, port 1312), per-course dev-targets + _PORT vars raus
2026-05-07 10:58:24 +02:00
libretech
6e41b8c3eb
makefile: unified per-course pattern rules (build-/dev-/deploy-/klausur-<course>) statt hdm-/dhbw- duplikate, ~100 zeilen weg, neue kurse via variablen
2026-05-06 18:37:59 +02:00
libretech
96362e2959
dhbw: import original web-eng inhalte (testing, typescript, docker, best practices) + framework-übersicht, native html, prüfungsleistung-detail, sose 2026
2026-05-06 18:28:20 +02:00
libretech
73be35ccb8
dhbw: semesterplan sose 2026 (11 sitzungen) + deploy-path fix (kein doppeltes dhbw)
2026-05-06 17:03:44 +02:00
libretech
3c938b4b1c
rebrand: hdm slides → uni slides (dhbw + hdm), make-targets mit hdm-/dhbw- prefix, dhbw_deploy_path typo fix
2026-05-04 20:05:50 +02:00
libretech
841a7ced76
dhbw: neuer kurs technik I — 4 kapitel + demo assets
2026-05-04 20:05:46 +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
a955a7636a
selbstlernen hex links: absolute urls fuer PDF-klick
...
PDF rendert relative pfade als nicht-klickbar. absolute https-urls
zu librete.ch/hdm/223015b/materials/hex1-5 funktionieren beide
in HTML- und PDF-export.
2026-04-27 16:29:09 +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
a3c3e259b4
b01: kaputte html-comments fixen (_class directive nicht im comment-prefix)
...
L603/L850: '<!-- _class: erklaerung' ohne '-->' und ' _class:' ohne '<!--'
in proper '<!--\n_class:\n-->' form gebracht. inhalt bleibt versteckt
wie vorher beabsichtigt, syntax aber jetzt sauber.
2026-04-27 01:26:31 +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
19ca5ad3e0
223015b selbstlernen hex files: 5 statt 3 dateien, link wtf->hex, pfad ./materials
...
- referenzen wtf1/2/3 -> hex1/2/3 (dateinamen tatsächlich)
- hex4 (DOCX) und hex5 (ZIP) ergänzt — alle 5 vorhandenen materialien sichtbar
- pfad ../materials -> ./materials (build/223015b/materials struktur)
2026-04-26 22:05: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
a000cdbc8d
223015b: neuauflage ascii-tabelle + sync byte-nibble-hex/hex-dec-table aus c
...
- ascii-table.html: 16x8 grid, kategorie-gefärbt (ctrl/digit/upper/lower/punct/del)
hex+dezimal pro zelle, legende, beispiel-zeile
- byte-nibble-hex + hex-dec-table aus 223015c kopiert für slide-parität
2026-04-26 22:04:36 +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
7d0173f40e
223015b: inline code syntax highlighting style parity
2026-04-22 13:18:23 +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