improve dev setup slides and add hex visualizations

- split windows wsl setup into 2 slides with admin powershell instructions
- clarify that ubuntu runs as app inside windows
- fix all editor links to show https://
- add hex lookup table and 8bit character images
This commit is contained in:
2025-12-19 21:50:13 +01:00
parent 435c8e1879
commit f03e9d6367
5 changed files with 48 additions and 14 deletions
@@ -48,8 +48,8 @@ a {
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: black -->
![bg fit opacity:0.4](./assets/background-termin-1.png)
.2
![bg fit opacity:0.2](./assets/background-termin-1.png)
# Grundlagen IT- und Internettechnik
@@ -663,6 +663,20 @@ CSS-Farben nutzen Hex
---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg fit](./assets/hex-dec-lookup-table.png)
---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg fit](./assets/8bit-P-character.png)
---
# Speicheradressen
**64-Bit-System:**
@@ -785,12 +799,12 @@ a = anchor (Anker)
- Speichern als `index.html` → Im Browser öffnen
**Option 2: VS Code** (empfohlen)
- [code.visualstudio.com](https://code.visualstudio.com)
- [https://code.visualstudio.com](https://code.visualstudio.com)
- Extension: "Live Server"
**Option 3: Online-Editoren**
- [stackblitz.com](https://stackblitz.com)
- [codepen.io](https://codepen.io)
- [https://stackblitz.com](https://stackblitz.com)
- [https://codepen.io](https://codepen.io)
<!--
Erstmal ohne IDE starten!
@@ -848,15 +862,35 @@ Dauert 2-5 Minuten
---
# Windows: WSL einrichten
# Windows: WSL installieren (1/2)
**PowerShell als Administrator öffnen:**
1. `Windows-Taste` drücken
2. `powershell` eintippen
3. Rechtsklick → **"Als Administrator ausführen"**
*(oder: Rechts auf "Als Administrator ausführen" klicken)*
**Im PowerShell-Fenster eingeben:**
```powershell
wsl --install
```
**Neustart erforderlich!** Dann Ubuntu einrichten (Username + Passwort)
**Danach: Neustart erforderlich!**
<!--
WSL = Windows Subsystem for Linux
Echtes Linux im Windows
Alle Linux-Tools verfügbar
-->
---
# Windows: WSL einrichten (2/2)
**Nach dem Neustart:** Ubuntu wird als App in Windows installiert
→ Ubuntu-Terminal öffnet sich zur Einrichtung
→ Username + Passwort festlegen (Passwort wird nicht angezeigt!)
**Im Ubuntu-Terminal:**
```bash
@@ -864,13 +898,13 @@ sudo apt update
sudo apt install git nodejs npm
```
**VS Code:** [code.visualstudio.com](https://code.visualstudio.com)
→ Extension "WSL" installieren
**VS Code installieren:** [https://code.visualstudio.com](https://code.visualstudio.com)
→ Extension **"WSL"** installieren
→ Danach: `code .` öffnet VS Code aus Ubuntu heraus
<!--
WSL = Windows Subsystem for Linux
Echtes Linux im Windows
Alle Linux-Tools verfügbar
Passwort-Eingabe: Cursor bewegt sich nicht, einfach tippen
sudo = Super User DO (Admin-Rechte)
VS Code verbindet sich automatisch mit WSL
-->
@@ -49,7 +49,7 @@ a {
<!-- _footer: '' -->
<!-- _backgroundColor: black -->
![bg fit opacity:0.4](./assets/background-termin-2.png)
![bg fit opacity:0.2](./assets/background-termin-2.png)
# Grundlagen IT- und Internettechnik
@@ -49,7 +49,7 @@ a {
<!-- _footer: '' -->
<!-- _backgroundColor: black -->
![bg fit opacity:0.4](./assets/background-termin-3.png)
![bg fit opacity:0.2](./assets/background-termin-3.png)
# Grundlagen IT- und Internettechnik
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB