aivopod-challenges/Web-Grundlagen
Watch
1
0
Fork
You've already forked Web-Grundlagen
 0
Code Issues Pull requests Projects Releases 4 Packages Wiki Activity Actions

D05: web-grundlagen 2.0.0 – HTML and CSS only #2

Merged
oliver.maklott merged 1 commit from d05-html-css into main 2026-09-30 10:53:43 +00:00
Conversation 0 Commits 1 Files changed 25 +2236 -828
oliver.maklott commented 2026-09-30 10:53:18 +00:00
Owner
Copy link

Auftrag D05 (aivopod-app Plan 4): web-grundlagen 2.0.0 – nur HTML und CSS. Der Merge veröffentlicht das Release v2.0.0.

Challenge normal erweitert experte
Was ist ein Tag? Start-/End-Tag, Vorschau, Tag schließen Verschachteln, Liste <br> als erstes leeres Element, Gedicht umbrechen
Links und Bilder (neu) Attribute, finden, Link mit href <img> ohne End-Tag, fehlendes Bild zeigt alt, alt ergänzen Bild und Link schreiben, Bild als Link
Seiten gliedern (neu) h1–h6, Überschriften setzen header/main/footer zuordnen und setzen eindeutige ids, Sprungmarken
Farben und Selektoren Regel, Eigenschaften, Farbe Tag/Klasse/id, Klasse und id gestalten Hex-Farben, style.css einbinden
Schriften (neu) Familien, ausprobieren, Ersatzschrift Größe (px, em), fett, kursiv Ausrichtung, Zeilenabstand, Einladung gestalten
Abstände und Rahmen (neu) border setzen und vorhersagen padding/margin, Einheiten Karte gestalten, Kastenbreite berechnen
  • pack test: 129 Tests grün, mit typischen Fehlern je Schritt (u. a. </img>, </br>, <link>…</link>, Attribut im End-Tag, # vergessen, ./# vertauscht, deutsche CSS-Werte, Einheit fehlt, Kommas im border)
  • pack build --previous gegen 1.1.0: 1.2.0 wird abgelehnt (Hauptversion nötig), 2.0.0 baut
  • Vorschau durchgespielt (e2e/tests/pack-preview.spec.ts mit diesem Paket und CLI 0.5.0-rc.1): 54 Schritte, 39 geprüft mit Rückmeldung
  • Rückmeldung 1–4 in der Vorschau nachgestellt und behoben: <img> wird vor dem Schreiben eingeführt; </img> bekommt die eigene Rückmeldung und das Bild lädt (Bilder liegen jetzt im Paket); ohne Einheit margin-left 0px, mit Einheit 30px (Standardmodus); Schriften in style.css bearbeitbar
  • „Ein Knopf, der etwas tut“ entfällt (kommt nach javascript-und-die-website, D08)

Hinweis: Bilder, auf die nur das HTML eines Schritts verweist, bündelt pack build nicht (nur bild und Markdown-Bilder). Hier ist jedes Bild zusätzlich als Markdown-Bild im Text gezeigt; die SDK-Korrektur folgt mit D09.

🤖 Generated with Claude Code

Auftrag **D05** (aivopod-app Plan 4): `web-grundlagen` **2.0.0** – nur HTML und CSS. Der Merge veröffentlicht das Release `v2.0.0`. | Challenge | normal | erweitert | experte | | --- | --- | --- | --- | | Was ist ein Tag? | Start-/End-Tag, Vorschau, Tag schließen | Verschachteln, Liste | `<br>` als erstes leeres Element, Gedicht umbrechen | | Links und Bilder (neu) | Attribute, finden, Link mit `href` | `<img>` ohne End-Tag, fehlendes Bild zeigt `alt`, `alt` ergänzen | Bild und Link schreiben, Bild als Link | | Seiten gliedern (neu) | `h1`–`h6`, Überschriften setzen | `header`/`main`/`footer` zuordnen und setzen | eindeutige ids, Sprungmarken | | Farben und Selektoren | Regel, Eigenschaften, Farbe | Tag/Klasse/id, Klasse und id gestalten | Hex-Farben, `style.css` einbinden | | Schriften (neu) | Familien, ausprobieren, Ersatzschrift | Größe (`px`, `em`), fett, kursiv | Ausrichtung, Zeilenabstand, Einladung gestalten | | Abstände und Rahmen (neu) | `border` setzen und vorhersagen | `padding`/`margin`, Einheiten | Karte gestalten, Kastenbreite berechnen | - [x] `pack test`: 129 Tests grün, mit typischen Fehlern je Schritt (u. a. `</img>`, `</br>`, `<link>…</link>`, Attribut im End-Tag, `#` vergessen, `.`/`#` vertauscht, deutsche CSS-Werte, Einheit fehlt, Kommas im `border`) - [x] `pack build --previous` gegen 1.1.0: 1.2.0 wird abgelehnt (Hauptversion nötig), 2.0.0 baut - [x] Vorschau durchgespielt (`e2e/tests/pack-preview.spec.ts` mit diesem Paket und CLI 0.5.0-rc.1): 54 Schritte, 39 geprüft mit Rückmeldung - [x] Rückmeldung 1–4 in der Vorschau nachgestellt und behoben: `<img>` wird vor dem Schreiben eingeführt; `</img>` bekommt die eigene Rückmeldung und das Bild lädt (Bilder liegen jetzt im Paket); ohne Einheit `margin-left` 0px, mit Einheit 30px (Standardmodus); Schriften in `style.css` bearbeitbar - [x] „Ein Knopf, der etwas tut“ entfällt (kommt nach `javascript-und-die-website`, D08) Hinweis: Bilder, auf die nur das HTML eines Schritts verweist, bündelt `pack build` nicht (nur `bild` und Markdown-Bilder). Hier ist jedes Bild zusätzlich als Markdown-Bild im Text gezeigt; die SDK-Korrektur folgt mit D09. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
D05: web-grundlagen 2.0.0 – HTML and CSS only, six challenges
All checks were successful
pack / pack (pull_request) Successful in 7s
Details
pack / pack (push) Successful in 7s
Details
b1fb96dbc3 
- Was ist ein Tag?: experte now introduces <br> as the first element without content.
- New: Links und Bilder (attributes, href, <img> without end tag, alt, an image as link,
  real images from the pack), Seiten gliedern (h1–h6, header/main/footer, unique ids, jump
  links), Schriften (families, size, bold, italic, alignment; edited in the preview),
  Abstände und Rahmen (border, padding, margin, units, the box model).
- Farben und Schriften becomes Farben und Selektoren: tag, class and id selectors, hex colours.
- Ein Knopf, der etwas tut leaves the pack (javascript-und-die-website, Plan 4 D08).
- SDK 0.5.0-rc.1, CLI 0.5.0-rc.1 in the CI, release script for renamed packs.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
aivopod-challenges/Web-Grundlagen!2
No description provided.