From 46b297ada41f7237ff1ae9d90d7d0ebf739a546c Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Thu, 7 May 2026 14:48:33 +0200
Subject: [PATCH] =?UTF-8?q?dhbw=2001=5Fweb=5Feng:=20direkt-install=20slide?=
 =?UTF-8?q?=20ausgebaut=20(szenario,=20symptome),=20du-formen=20entfernt?=
 =?UTF-8?q?=20(sachlich/akademisch),=20editor-liste=20vim/neovim/emacs=20(?=
 =?UTF-8?q?helix=20raus),=20git=20inline=20erkl=C3=A4rt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 slides/dhbw/01_web_eng.md | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/slides/dhbw/01_web_eng.md b/slides/dhbw/01_web_eng.md
index 6dcbcbe..d7ac063 100644
--- a/slides/dhbw/01_web_eng.md
+++ b/slides/dhbw/01_web_eng.md
@@ -217,7 +217,7 @@ Content-Type: application/json
 
 # Werkzeuge & Betriebssystem
 
-**Was du brauchst:**
+**Erforderliche Werkzeuge:**
 - **Terminal** (zsh / bash / fish / pwsh) — Kommandozeile
 - **Editor** (siehe folgende Folie)
 - **JavaScript-Runtime** (Node.js / Bun / Deno)
@@ -306,11 +306,25 @@ scoop install nodejs-lts
 
 ---
 
-# Direkt-Install: Nachteil
+# Direkt-Install: Wenn es eng wird
 
-Egal welcher Weg — System-Install kennt nur **eine** Node-Version gleichzeitig.
+**Typisches Szenario** in Studium und Beruf — drei parallele Projekte mit unterschiedlichen Anforderungen:
 
-Verschiedene Projekte → verschiedene Node-Versionen → **Versionsmanager**.
+| Projekt | Stack | Node-Version |
+|---------|-------|--------------|
+| Praktikums-API | Express (Legacy) | 18.x (LTS Hydrogen) |
+| Studienarbeit | Next.js 15 | 22.x (LTS Jod) |
+| Aktuelles Lab-Projekt | neueste Features | 24.x (Iron, current LTS) |
+
+System-Install kennt nur **eine** Node-Version global.
+
+**Symptome im Alltag:**
+- `npm install` bricht mit `engines`-Warning ab
+- native Module (z. B. `node-sass`) bauen nicht
+- CI-Pipeline ist grün, lokal rot — oder umgekehrt
+- erheblicher Zeitverlust beim Debuggen von Versions-Konflikten
+
+→ Lösung: **Versionsmanager** und Node-Version pro Projekt pinnen.
 
 ---
 
@@ -357,7 +371,7 @@ bun install
 bun run dev
 ```
 
-→ Im Kurs primär **Node.js**. Du darfst gerne Bun/Deno nutzen.
+→ Im Kurs primär **Node.js**. Bun und Deno sind ebenfalls zulässig.
 
 ---
 
@@ -366,7 +380,7 @@ bun run dev
 - **VS Code** (empfohlen) — kostenlos, große Plugin-Auswahl
 - **JetBrains WebStorm** — sehr mächtig, kostenpflichtig
   - kostenlos für Studierende via [JetBrains Education](https://www.jetbrains.com/community/education/#students)
-- **Neovim / Helix** — für CLI-Profis
+- **Vim / Neovim / Emacs** — für CLI-Profis
 - **Zed** — modern, schnell
 
 ---
@@ -400,15 +414,15 @@ Chromium / Firefox / Safari — `F12` oder `Cmd+Opt+I`
 
 **Einmalige Konfiguration:**
 ```bash
-git config --global user.name "Dein Name"
-git config --global user.email "du@example.com"
+git config --global user.name "Vorname Nachname"
+git config --global user.email "vorname.nachname@example.com"
 git config --global init.defaultBranch main
 git config --global pull.rebase true
 ```
 
 **SSH-Key für GitHub/GitLab:**
 ```bash
-ssh-keygen -t ed25519 -C "du@example.com"
+ssh-keygen -t ed25519 -C "vorname.nachname@example.com"
 cat ~/.ssh/id_ed25519.pub   # → in GitHub-Settings einfügen
 ```
 
@@ -975,6 +989,8 @@ Jedes HTML-Element ist eine rechteckige **Box**.
 
 ![bg right:35%](./assets/demos/css-colors.png)
 
+CSS kennt fünf Notationen für Farben: **Keyword**, **Hex**, **RGB**, **RGBA** (mit Transparenz) und **HSL**.
+
 ```css
 /* Keyword */
 color: red;