🧭 1. Der Unix-Dateibaum & Pfad-Navigation
-In Unix gibt es keine Laufwerksbuchstaben (wie C: oder D:). Alles entspringt dem Root-Verzeichnis / (Single Root Tree). Wir unterscheiden strikt zwischen absoluten und relativen Pfaden:
# Wo bin ich?
+
+
+
+
+
+ 🧭 1. Der Unix-Dateibaum & Pfad-Navigation
+ In Unix gibt es keine Laufwerksbuchstaben (wie C:). Alles entspringt dem Root-Verzeichnis / (Single Root Tree). Wir unterscheiden strikt zwischen absoluten Pfaden (beginnen immer mit /) und relativen Pfaden (relativ zum aktuellen Arbeitsverzeichnis pwd).
+
+
+
+ bash • Navigation & Pfade
+
+
+ # Wo bin ich?
pwd # Ausgabe: /home/devops/projects
# Relative vs. Absolute Navigation:
-cd /var/log/nginx # Absoluter Pfad: Beginnt immer mit '/'
+cd /var/log/nginx # Absoluter Pfad
cd ../../etc # Relativer Pfad: Zwei Ebenen hoch, dann in 'etc'
-cd ~ # Wechselt ins Home-Verzeichnis (/home/user)
-cd - # Wechselt zum vorherigen Verzeichnis zurück
+cd ~ # Home-Verzeichnis
+cd - # Vorheriges Verzeichnis
+
-# Detailliertes Listing mit Berechtigungen und Dateigrößen:
-ls -lah # -l: Long Format, -a: Versteckte Dateien, -h: Human-readable (KB/MB)
-
+
+ 🏢 Didaktische Analogie: Das Hochregallager des Betriebssystems
+ Der Dateibaum: Stell dir das Linux-Dateisystem wie ein gigantisches Logistikzentrum vor. / ist das Haupttor. Mit mkdir -p stellst du mit einer einzigen Anweisung eine ganze Regalreihe mit Fächern auf.
+ Globbing (* und {a,b}): Statt jedes Paket einzeln zu scannen, hältst du eine Schablone hoch: *.yaml greift automatisch alle Konfigurationen, während {dev,prod} im Handumdrehen zwei Umgebungen parallel anlegt!
+
+
-
-
- 📁 2. Dateisystem-Operationen & Mächtiges Globbing
- Als DevOps-Ingenieur erstellst, kopierst und reorganisierst du Konfigurationsdateien im Sekundentakt. Die Shell bietet hierfür mächtige Werkzeuge:
+
+
+ 🎯 2. Dein Arbeitsauftrag: 4 Subgoals (Teilziele)
+ Bearbeite die Aufgaben in aufgabe.sh schrittweise:
- # 🎯 1. Verzeichnisse verschachtelt anlegen:
-mkdir -p app/{config,src/{models,views},logs,tests}
+
+ Subgoal 1
+
+ Projektverzeichnisse anlegen:
+ Implementiere erstelle_projektstruktur(basis_dir) mit mkdir -p für src/components, src/utils, docs/api und backup/logs.
+
+
-# 🎯 2. Dateien mit Brace Expansion massenweise erstellen:
-touch app/src/models/{user,order,payment}.py app/config/{dev,staging,prod}.yaml
+
+ Subgoal 2
+
+ Testdateien erzeugen:
+ Erstelle mit touch und Brace Expansion Beispieldateien in den angelegten Ordnern.
+
+
-# 🎯 3. Shell-Globbing (Wildcards):
-cp app/config/*.yaml /backup/configs/ # Alle .yaml Dateien kopieren
-mv app/logs/app_2026-??.log /archive/logs/ # Matcht genau 2 Zeichen für den Monat (z.B. 01..12)
-rm -rf /tmp/build_cache/ # Rekursives Löschen ohne Bestätigung
+
+ Subgoal 3
+
+ Dateien kopieren & Globbing:
+ Kopiere mit cp und Wildcards (*.yaml, *.log) alle Konfigurationsdateien in das Backup-Verzeichnis.
+
+
-
- 🏢 Didaktische Analogie: Das Logistikzentrum des Betriebssystems
- Der Dateibaum: Stell dir das Dateisystem wie ein riesiges, strukturiertes Hochregallager vor. / ist der Haupteingang. mkdir -p baut dir sofort eine ganze Gasse mit Fachböden auf.
- Globbing (* und {a,b}): Anstatt jedes Paket einzeln mit der Hand zu scannen, hältst du eine Schablone hoch: *.yaml greift automatisch alle blauen Kisten aus dem Regal, während {dev,prod} mit einem Handgriff zwei vorgefertigte Etiketten druckt!
-
-
-
-
-
- 📑 3. Cheat-Sheet: Navigation & Wildcards
-
-
-
-
- Befehl / Muster
- Beispiel
- Bedeutung & DevOps-Einsatz
-
-
-
-
- mkdir -p <pfad>mkdir -p /srv/app/releasesErstellt Elternverzeichnisse automatisch ohne Fehler
-
-
- cp -r <src> <dst>cp -r ./templates /etc/nginx/Kopiert ganze Verzeichnisbäume rekursiv
-
-
- mv <src> <dst>mv old.env .env.backupVerschiebt oder benennt Dateien atomar um
-
-
- rm -rf <pfad>rm -rf ./temp_workspaceLöscht rekursiv und erzwingt Löschen ohne Prompt
-
-
- * (Wildcard)rm -f *.logMatcht 0 oder beliebig viele Zeichen
-
-
- ? (Single Char)ls node_v?.logMatcht exakt ein einziges Zeichen
-
-
- {a,b,c}touch {app,db}_{1..3}.confBrace Expansion zur raschen Permutationserstellung
-
-
-
-
-
-
-
-
- 🎯 Aufgaben & Checkliste in aufgabe.sh
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ Subgoal 4
+
+ Temporäre Dateien bereinigen:
+ Nutze rm -f und rm -rf, um Cache- und temporäre Logdateien sauber zu entfernen.
+
+
+
-
- 💡 DevOps Pro-Tipp: Quoting in Shell-Skripten
- Setze Variablen bei Pfadangaben in Bash-Skripten stets in doppelte Anführungszeichen: "$basis_dir/src/components". Das verhindert gefürchtete Word Splitting Fehler, falls ein Verzeichnisname einmal Leerzeichen enthält!
-
+
+
+
+
+ ⚠️ Häufige Stolperfallen (Pre-Mortem)
+ 1. Fehlendes -p bei mkdir: Wenn du mkdir a/b/c aufrufst und Ordner a noch nicht existiert, bricht die Shell mit No such file or directory ab. Verwende immer mkdir -p!
+ 2. Word Splitting ohne Quotes: Setze Variablenpfade in Skripten stets in doppelte Anführungszeichen: "$basis_dir/src", sonst führen Leerzeichen im Ordnernamen zu fatalen Syntaxfehlern.
+
-
- 💻 In Web-IDE öffnen →
- Weiter zu Bash 02 →
+
+
+ 📌 Syntax-Spickzettel: Shell-Muster
+
+
+
+ Muster
+ Bedeutung
+
+
+
+
+ *Matcht 0 bis unendlich viele Zeichen
+
+
+ ?Matcht exakt 1 Zeichen
+
+
+ {a,b}Brace Expansion (Permutation)
+
+
+ mkdir -pErstellt Elternordner automatisch
+
+
+
+
+
+
+
+ 💡 IHK-Prüfungstipp (AP1)
+ In der IHK-Abschlussprüfung Teil 1 wird regelmäßig der Unterschied zwischen relativer und absoluter Pfadangabe sowie die Bedeutung von cd .. und ls -l abgefragt.
+
-
+
+
+
+
diff --git a/gamification.py b/gamification.py
index a39002a..83e3626 100644
--- a/gamification.py
+++ b/gamification.py
@@ -21,26 +21,26 @@ ROOT_DIR = Path(__file__).parent.resolve()
DATA_JSON_PATH = ROOT_DIR / ".gamification.json"
DATA_JS_PATH = ROOT_DIR / "assets" / "gamification_data.js"
-# 10 Entwickler-Level mit XP-Schwellen und Titeln
+# 10 Entwickler-Level mit XP-Schwellen und professionellen IT-Kompetenzstufen
LEVEL_STUFEN = [
- {"level": 1, "min_xp": 0, "max_xp": 150, "titel": "Code-Küken 🐣", "rang": "Bronze I"},
- {"level": 2, "min_xp": 151, "max_xp": 400, "titel": "Code-Detektivin 🔍", "rang": "Bronze II"},
- {"level": 3, "min_xp": 401, "max_xp": 800, "titel": "Logik-Bastlerin ⚙️", "rang": "Silber I"},
- {"level": 4, "min_xp": 801, "max_xp": 1300, "titel": "Klassen-Baumeisterin 🏗️", "rang": "Silber II"},
- {"level": 5, "min_xp": 1301, "max_xp": 2000, "titel": "Git-Strategin 🌿", "rang": "Gold I"},
- {"level": 6, "min_xp": 2001, "max_xp": 2900, "titel": "TDD-Qualitätsprüferin 🧪", "rang": "Gold II"},
- {"level": 7, "min_xp": 2901, "max_xp": 4000, "titel": "Vererbungs-Meisterin 🧬", "rang": "Platin I"},
- {"level": 8, "min_xp": 4001, "max_xp": 5300, "titel": "Exception-Wächterin 🛡️", "rang": "Platin II"},
- {"level": 9, "min_xp": 5301, "max_xp": 6800, "titel": "GUI-Entwicklerin 🖥️", "rang": "Diamant"},
- {"level": 10, "min_xp": 6801, "max_xp": 99999, "titel": "Software-Architektin 🏆", "rang": "Großmeisterin"},
+ {"level": 1, "min_xp": 0, "max_xp": 150, "titel": "Junior IT-Trainee I: Syntax & Basistypen", "rang": "Stufe 1"},
+ {"level": 2, "min_xp": 151, "max_xp": 400, "titel": "Junior IT-Trainee II: Kontrollfluss & Logik", "rang": "Stufe 2"},
+ {"level": 3, "min_xp": 401, "max_xp": 800, "titel": "IT-Specialist: Funktionen & Datenstrukturen", "rang": "Stufe 3"},
+ {"level": 4, "min_xp": 801, "max_xp": 1300, "titel": "Software Developer: OOP-Modellierung", "rang": "Stufe 4"},
+ {"level": 5, "min_xp": 1301, "max_xp": 2000, "titel": "DevOps Engineer: Versionskontrolle & Tooling", "rang": "Stufe 5"},
+ {"level": 6, "min_xp": 2001, "max_xp": 2900, "titel": "Quality Engineer: Test-Driven Development (TDD)", "rang": "Stufe 6"},
+ {"level": 7, "min_xp": 2901, "max_xp": 4000, "titel": "Advanced Engineer: Entwurfsmuster & Polymorphie", "rang": "Stufe 7"},
+ {"level": 8, "min_xp": 4001, "max_xp": 5300, "titel": "Systems Engineer: Security & Error Handling", "rang": "Stufe 8"},
+ {"level": 9, "min_xp": 5301, "max_xp": 6800, "titel": "Application Engineer: Schnittstellen & UI", "rang": "Stufe 9"},
+ {"level": 10, "min_xp": 6801, "max_xp": 99999, "titel": "Certified IT Systems Professional (IHK AP2)", "rang": "Master-Stufe"},
]
-# 14 freischaltbare Trophäen mit didaktischen Kriterien (abgestimmt auf neue Lehrpfad-Pfade)
+# 14 freischaltbare IT-Kompetenz-Zertifikate (abgestimmt auf IHK-Rahmenlehrplan)
BADGES_KATALOG = {
"rechenkonegin": {
"id": "rechenkonegin",
"icon": "🧮",
- "name": "Rechenkönigin",
+ "name": "Zertifikat: Numerische Typen & Arithmetik",
"desc": "Grundlagen 01 & 02 abgeschlossen (Zahlen, Operatoren & Typen gemeistert).",
"xp_bonus": 100,
"kriterium": [
@@ -51,7 +51,7 @@ BADGES_KATALOG = {
"dialog_profi": {
"id": "dialog_profi",
"icon": "💬",
- "name": "Dialog-Profi",
+ "name": "Zertifikat: Interaktive I/O & String-Interpolation",
"desc": "Grundlagen 03 abgeschlossen (Interaktive Ein-/Ausgabe mit f-Strings).",
"xp_bonus": 75,
"kriterium": ["lehrpfad_1_grundlagen/03_ein_und_ausgabe"]
@@ -59,32 +59,32 @@ BADGES_KATALOG = {
"weichenstellerin": {
"id": "weichenstellerin",
"icon": "🚦",
- "name": "Weichenstellerin",
- "desc": "Grundlagen 04 abgeschlossen (Bedingungslogik & Schaltjahre gemeistert).",
+ "name": "Zertifikat: Verzweigungslogik & Boolesche Algebra",
+ "desc": "Grundlagen 04 abgeschlossen (Bedingungslogik & Kontrollfluss gemeistert).",
"xp_bonus": 75,
"kriterium": ["lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen"]
},
"schleifen_dompteurin": {
"id": "schleifen_dompteurin",
"icon": "🎡",
- "name": "Schleifen-Dompteurin",
- "desc": "Grundlagen 05 abgeschlossen (While- & For-Schleifen gebändigt).",
+ "name": "Zertifikat: Iterationslogik & Sequenzverarbeitung",
+ "desc": "Grundlagen 05 abgeschlossen (While- & For-Schleifen gemeistert).",
"xp_bonus": 100,
"kriterium": ["lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen"]
},
"funktions_zauberin": {
"id": "funktions_zauberin",
- "icon": "🪄",
- "name": "Funktions-Zauberin",
- "desc": "Grundlagen 06 abgeschlossen (Eigene Funktionen & Module gebaut).",
+ "icon": "📐",
+ "name": "Zertifikat: Modulare Funktionsarchitektur",
+ "desc": "Grundlagen 06 abgeschlossen (Modulare Funktionen & Parameterübergabe).",
"xp_bonus": 100,
"kriterium": ["lehrpfad_1_grundlagen/06_funktionen_und_module"]
},
"listen_archivarin": {
"id": "listen_archivarin",
"icon": "📋",
- "name": "Listen-Archivarin",
- "desc": "Grundlagen 07 & 08 abgeschlossen (Sequenzen & Strings analysiert).",
+ "name": "Zertifikat: Datenstrukturen: Listen & Slicing",
+ "desc": "Grundlagen 07 & 08 abgeschlossen (Sequenzen, Listen & Slicing analysiert).",
"xp_bonus": 120,
"kriterium": [
"lehrpfad_1_grundlagen/07_listen_und_sequenzen",
@@ -94,8 +94,8 @@ BADGES_KATALOG = {
"daten_strategin": {
"id": "daten_strategin",
"icon": "🗃️",
- "name": "Daten-Strategin",
- "desc": "Grundlagen 09 & 10 abgeschlossen (Dicts, Sets & Comprehensions gemeistert).",
+ "name": "Zertifikat: Assoziative Arrays: Dicts & Sets",
+ "desc": "Grundlagen 09 & 10 abgeschlossen (Dictionaries, Sets & Hash-Lookup O(1)).",
"xp_bonus": 150,
"kriterium": [
"lehrpfad_1_grundlagen/09_dictionaries_und_sets",
@@ -105,16 +105,16 @@ BADGES_KATALOG = {
"bug_jaegerin": {
"id": "bug_jaegerin",
"icon": "🔍",
- "name": "Bug-Jägerin",
- "desc": "Kapitel 00 gelöst (Alle Fehler-Bugs im Warm-up aufgespürt).",
+ "name": "Zertifikat: Systematisches Code-Debugging",
+ "desc": "Warm-up abgeschlossen (Fehleranalyse & Traceback-Debugging).",
"xp_bonus": 100,
"kriterium": ["lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen"]
},
"erste_architektin": {
"id": "erste_architektin",
"icon": "🏗️",
- "name": "Erste Architektin",
- "desc": "Kapitel 01 bis 03 gelöst (Erste OOP-Klassen, Konstruktoren & Methoden).",
+ "name": "Zertifikat: OOP-Grundlagen: Klassen & Kapselung",
+ "desc": "OOP 01 bis 03 gelöst (Klassendefinition, Konstruktoren & Instanzmethoden).",
"xp_bonus": 200,
"kriterium": [
"lehrpfad_2_oop_einstieg/01_einstieg_klassen",
@@ -124,33 +124,33 @@ BADGES_KATALOG = {
},
"tamagotchi_mama": {
"id": "tamagotchi_mama",
- "icon": "🥚",
- "name": "Tamagotchi-Mama",
- "desc": "Kapitel 06 Mini-Projekt abgeschlossen (Ein lebendiges Haustier gebaut).",
+ "icon": "📦",
+ "name": "Zertifikat: State-Machine & Domänenmodellierung",
+ "desc": "OOP Mini-Projekt abgeschlossen (Zustandsverwaltung & Objektinteraktion).",
"xp_bonus": 250,
"kriterium": ["lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi"]
},
"zeit_reisende": {
"id": "zeit_reisende",
"icon": "🌿",
- "name": "Git-Zeitreisende",
- "desc": "Kapitel 04c Git-Versionskontrolle verstanden & Spielstände gesichert.",
+ "name": "Zertifikat: String-Repräsentation & Dunder-Methoden",
+ "desc": "OOP 04 gelöst (Spezielle Methoden __str__, __repr__ implementiert).",
"xp_bonus": 100,
"kriterium": ["lehrpfad_2_oop_einstieg/04_str_und_darstellung"]
},
"qualitaets_garantin": {
"id": "qualitaets_garantin",
"icon": "🧪",
- "name": "TDD-Qualitätsgarantin",
- "desc": "Kapitel 09 abgeschlossen (Eigene professionelle Unit Tests geschrieben).",
+ "name": "Zertifikat: Automatisierte Testsuites & TDD",
+ "desc": "OOP 09 abgeschlossen (Eigene professionelle Unit Tests mit Assertions).",
"xp_bonus": 200,
"kriterium": ["lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben"]
},
"oop_grossmeisterin": {
"id": "oop_grossmeisterin",
"icon": "🧬",
- "name": "Vererbungs-Koryphäe",
- "desc": "Kapitel 10 bis 12 abgeschlossen (Vererbung, Polymorphie & Exceptions).",
+ "name": "Zertifikat: Fortgeschrittene OOP & Robustes Error-Handling",
+ "desc": "OOP 10 bis 12 abgeschlossen (Vererbung, Polymorphie & Exceptions).",
"xp_bonus": 300,
"kriterium": [
"lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super",
@@ -161,8 +161,8 @@ BADGES_KATALOG = {
"software_architektin": {
"id": "software_architektin",
"icon": "🏆",
- "name": "Meister-Entwicklerin",
- "desc": "Kapitel 16 Master-Projekt abgeschlossen & vollwertige Desktop-App gebaut!",
+ "name": "Zertifikat: Master-Projekt Software Engineering",
+ "desc": "Master-Projekt abgeschlossen & vollwertige Anwendungsarchitektur gebaut!",
"xp_bonus": 500,
"kriterium": ["lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt"]
}
@@ -178,11 +178,11 @@ class GamificationManager:
def _default_state(self) -> Dict[str, Any]:
return {
- "spieler_name": "Python-Entwicklerin",
+ "spieler_name": "IT-Entwickler",
"xp": 0,
"level": 1,
- "titel": "Code-Küken 🐣",
- "rang": "Bronze I",
+ "titel": "Junior IT-Trainee I: Syntax & Basistypen",
+ "rang": "Stufe 1",
"geloeste_kapitel": [],
"bestandene_tests": 0,
"freigeschaltete_badges": [],
diff --git a/workspace.html b/workspace.html
index a254cc8..5b650bf 100644
--- a/workspace.html
+++ b/workspace.html
@@ -47,20 +47,24 @@
.workspace-body {
flex: 1;
- display: grid;
- grid-template-columns: 42% 58%;
+ display: flex;
+ flex-direction: row;
height: calc(100vh - 52px);
overflow: hidden;
+ position: relative;
}
.pane-left {
+ width: 40%;
+ min-width: 280px;
+ max-width: 65%;
background: #ffffff;
color: var(--text-main);
display: flex;
flex-direction: column;
- border-right: 2px solid #e2e8f0;
height: 100%;
overflow: hidden;
+ flex-shrink: 0;
}
.pane-tabs {
@@ -101,19 +105,21 @@
}
.pane-right {
+ flex: 1;
+ min-width: 360px;
display: flex;
flex-direction: column;
height: 100%;
- background: #0b0f19;
+ background: #090d16;
overflow: hidden;
}
.editor-wrapper {
- flex: 1;
height: 65%;
- min-height: 200px;
+ min-height: 140px;
position: relative;
- background: #0b0f19;
+ background: #090d16;
+ flex-shrink: 0;
}
#monaco-editor-container {
@@ -122,12 +128,23 @@
}
.terminal-wrapper {
- height: 35%;
- min-height: 140px;
+ flex: 1;
+ min-height: 80px;
background: #060911;
- border-top: 2px solid rgba(255, 255, 255, 0.08);
display: flex;
flex-direction: column;
+ overflow: hidden;
+ transition: height 0.15s ease;
+ }
+
+ .terminal-wrapper.collapsed {
+ flex: none !important;
+ height: 34px !important;
+ min-height: 34px !important;
+ }
+
+ .terminal-wrapper.collapsed #workspace-terminal-output {
+ display: none;
}
.terminal-header {
@@ -286,16 +303,28 @@