From 89200388340e9b9a30e12c61eb594b2b1f4d450d Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Fri, 19 Dec 2025 21:35:28 +0100 Subject: [PATCH] add dev environment setup slides for termin 1 - terminal & paketmanager overview - macos: homebrew installation - windows: wsl setup with ubuntu --- ...-20-termin-1-geschichte-grundlagen-html.md | 77 +++++++++++++++++++ 1 file changed, 77 insertions(+) diff --git a/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md b/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md index 7a2d4e5..5616564 100644 --- a/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md +++ b/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md @@ -799,6 +799,83 @@ Verstehen: HTML ist nur Text --- +# Terminal & Paketmanager + +**Warum brauchen wir das?** +- Professionelle Webentwicklung läuft über die Kommandozeile +- Tools wie `git`, `node`, `npm` werden später benötigt +- Bash-Skripte automatisieren wiederkehrende Aufgaben + +**Je nach Betriebssystem:** + +| macOS | Windows | +|-------|---------| +| Terminal ist vorinstalliert | **WSL** installieren | +| **Homebrew** als Paketmanager | Ubuntu-Terminal nutzen | + + + +--- + +# macOS: Homebrew installieren + +**Terminal öffnen:** Spotlight → "Terminal" + +**Homebrew installieren:** +```bash +/bin/bash -c "$(curl -fsSL https://homebrew.sh/install.sh)" +``` + +**Danach verfügbar:** +```bash +brew install git # Versionskontrolle +brew install node # JavaScript-Runtime +brew install --cask visual-studio-code +``` + +**Homebrew** = Der fehlende Paketmanager für macOS +https://brew.sh + + + +--- + +# Windows: WSL einrichten + +**PowerShell als Administrator öffnen:** + +```powershell +wsl --install +``` + +**Neustart erforderlich!** Dann Ubuntu einrichten (Username + Passwort) + +**Im Ubuntu-Terminal:** +```bash +sudo apt update +sudo apt install git nodejs npm +``` + +**VS Code:** https://code.visualstudio.com +→ Extension "WSL" installieren + + + +--- + # Hands-On: Erste HTML-Seite (45 Min) **Aufgabe:**