From 1e5412da1dde867d6b09bbe345f8c7a347211458 Mon Sep 17 00:00:00 2001 From: Alex Mueller Date: Sat, 29 Aug 2026 15:47:33 +0200 Subject: [PATCH] =?UTF-8?q?Erweitere=20Hauptseite=20um=20Schnellnavigation?= =?UTF-8?q?,=20ausf=C3=BChrliches=20Schritt-f=C3=BCr-Schritt=20Tutorial=20?= =?UTF-8?q?und=20Direkt-Sublinks=20auf=20allen=20Karten?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gamification.json | 2 +- assets/gamification_data.js | 2 +- index.html | 288 +++++++++++++++++++++++++++++++++++- 3 files changed, 289 insertions(+), 3 deletions(-) diff --git a/.gamification.json b/.gamification.json index d584df5..ac99fce 100644 --- a/.gamification.json +++ b/.gamification.json @@ -10,5 +10,5 @@ "streak_tage": 1, "letzter_aktiver_tag": "2026-08-29", "historie": [], - "zuletzt_aktualisiert": "2026-08-29T15:44:27.001368" + "zuletzt_aktualisiert": "2026-08-29T15:47:31.273343" } \ No newline at end of file diff --git a/assets/gamification_data.js b/assets/gamification_data.js index f46b7dc..3040d76 100644 --- a/assets/gamification_data.js +++ b/assets/gamification_data.js @@ -11,7 +11,7 @@ window.GAMIFICATION_DATA = { "streak_tage": 1, "letzter_aktiver_tag": "2026-08-29", "historie": [], - "zuletzt_aktualisiert": "2026-08-29T15:44:27.001368" + "zuletzt_aktualisiert": "2026-08-29T15:47:31.273343" }; window.GAMIFICATION_BADGES_KATALOG = { "rechenkonegin": { diff --git a/index.html b/index.html index d14aab9..4100196 100644 --- a/index.html +++ b/index.html @@ -48,6 +48,16 @@
🐍 Python Nachhilfe- & Selbstlern-Portal

Vom Einsteiger zum Software-Entwickler

3 strukturierte Lehrpfade: Prozedurale Grundlagen • Objektorientierung • Professionelle Werkzeuge (Git, TDD, Tkinter)

+ + @@ -84,11 +94,92 @@ + + +
+

📖 Schritt-für-Schritt-Tutorial: So nutzt du dieses Lernportal

+

+ Willkommen! Dieses Portal wurde nach den neuesten wissenschaftlichen Erkenntnissen der Informatikdidaktik (PRIMM-Modell & Cognitive Load Theory) gestaltet. Hier erfährst du, wie du das Beste aus den 27 Lerneinheiten herausholst: +

+ +
+ + +
+
1
+
+

📥 Lokal nutzen oder im Browser lernen

+

+ Du kannst das Lernportal direkt online nutzen oder 100% offline auf deinem Computer speichern: +

+
+
Terminal (Repository lokal klonen)
+
git clone https://github.com/alexander-mueller/python-oop-lernportal.git
+cd python-oop-lernportal
+
+

+ 💡 Tipp: Öffne index.html einfach per Doppelklick in deinem Webbrowser – alle Skripte und der Gamification-Status funktionieren auch offline! +

+
+
+ + +
+
2
+
+

🔄 Der didaktische Lernkreislauf (PRIMM-Workflow)

+
+
+ 1. Verstehen & Vorhersagen +

Lies die Alltagsanalogie im Kapitel-Guide und löse das interaktive Parsons Code-Puzzle (+25 XP).

+
+
+ 2. Programmieren +

Öffne aufgabe.py in deinem Editor (z.B. VS Code) und folge den nummerierten Teilzielen (Subgoals).

+
+
+ 3. Testen & Feiern +

Führe python3 test_aufgabe.py aus. Sobald alle Tests grün sind, steigen deine XP automatisch!

+
+
+
+
+ + +
+
3
+
+

🎮 Entwickler-Pass & Trophäen im Terminal

+

+ Überprüfe deinen Fortschritt, deinen aktuellen Rang und deine 14 freischaltbaren Trophäen: +

+
+
Terminal
+
python3 profil.py      # Zeigt deinen animierten Entwickler-Pass
+python3 test_all.py    # Prüft alle 27 Kapitel auf einen Schlag und synchronisiert XP
+
+
+
+ + +
+
4
+
+

🩺 Hilfe bei Fehlern & Tracebacks

+

+ Wenn ein Test fehlschlägt oder dein Programm mit einem Fehler abbricht, kopiere die rote Fehlermeldung aus dem Terminal und füge sie unten in den Interaktiven Fehler-Dolmetscher ein! Du erhältst sofort eine deutsche Erklärung und 3 konkrete Lösungsschritte. +

+
+
+ +
+
+
-

🛣️ Lehrpfad 1: Grundlagen der Programmierung (Prozedural)

+

🛣️ Lehrpfad 1: Grundlagen der Programmierung (Prozedural)

Die unverzichtbare Basis: Datentypen, Kontrollstrukturen, Funktionen und Datenstrukturen.
10 Kapitel • G01 bis G10 @@ -103,6 +194,13 @@
🧮 Python als Taschenrechner
Zahlen (int, float), Grundrechenarten, Ganzzahldivision //, Modulo %, Potenzen ** & print().
+ + + @@ -113,6 +211,13 @@
📦 Variablen & Datentypen
Speicherboxen, die 4 Basisdatentypen (int, float, str, bool), Type Casting & Type Hints.
+ + + @@ -123,6 +228,13 @@
💬 Interaktive Ein- & Ausgabe
Benutzereingaben mit input(), Textumwandlung und moderne formatierte f-Strings (z.B. {preis:.2f} €).
+ + + @@ -133,6 +245,13 @@
🚦 Bedingungen & Verzweigungen
Entscheidungen treffen mit if, elif, else, Vergleichs- und Logikoperatoren (and, or, not).
+ + + @@ -143,6 +262,13 @@
🎡 Schleifen & Wiederholungen
Zählschleifen mit for in range(...), Bedingungsschleifen mit while, break & continue.
+ + + @@ -153,6 +279,13 @@
🪄 Eigene Funktionen & Module
Wiederverwendbarer Code mit def, return, Parametern, Scope und Modulen (math, random).
+ + + @@ -163,6 +296,13 @@
📋 Listen & Sequenzen
Elemente speichern, Indexzugriff, Slicing ([1:4]), Listen-Methoden (append, pop) & sum/len/min/max.
+ + + @@ -173,6 +313,13 @@
🔤 Textverarbeitung & Strings
String-Methoden wie .strip(), .replace(), .split(), .join() und Palindrom-Analyse.
+ + + @@ -183,6 +330,13 @@
🗃️ Dictionaries & Sets
Schlüssel-Wert-Paare ({key: val}), sicheres .get(), Telefonbuch-Suche & Mengen (set) ohne Duplikate.
+ + + @@ -193,6 +347,13 @@
🚀 Comprehensions & Algorithmen
List Comprehensions ([x for x in ...]), datetime für Kalenderberechnungen & Min/Max-Suche.
+ + + @@ -218,6 +379,13 @@
🔍 Fehlersuche & Bugs
Tracebacks von unten lesen, Einrückungen (IndentationError), Typfehler und Detektiv-Aufgabe.
+ + + @@ -228,6 +396,13 @@
🐶 Die erste Klasse
Bauplan vs. Objekt, Instanziierung, Punktnotation und Type Hints am Fahrrad- & Haustier-Beispiel.
+ + + @@ -238,6 +413,13 @@
💳 Konstruktor & self
Wie __init__ Objekte startklar macht, was self bedeutet und erste UML-Klassendiagramme.
+ + + @@ -248,6 +430,13 @@
⚔️ Methoden & Verhalten
Objekte führen Aktionen aus! Interaktion zwischen Objekten in Rennautos und RPG-Heldenduellen.
+ + + @@ -258,6 +447,13 @@
🧾 Schöne Textausgabe
Wie man print(objekt) mit __str__ lesbar macht und Rechnungsdruck im Warenkorb.
+ + + @@ -268,6 +464,12 @@
🚀 Installation & Setup VS Code
Installationsanleitung (Win/Mac/Linux), Plugins (Error Lens, Python), Shortcuts & Terminal.
+ + + @@ -278,6 +480,12 @@
🌿 Git & Versionskontrolle
Die Programmier-Zeitmaschine: Spielstände (Commits) sichern, Diffs in VS Code, Terminal & Push.
+ + + @@ -288,6 +496,13 @@
🎵 Assoziation & Komposition
Objekte verwalten andere Objekte: Song-Suche, Längenberechnung und Filter in Spotify-Playlists.
+ + + @@ -298,6 +513,13 @@
🥚 Mini-Projekt: Tamagotchi
Kombiniere alles in einem voll spielbaren, interaktiven virtuellen Haustier für dein Terminal!
+ + + @@ -323,6 +545,13 @@
🌳 Referenzen & Stammbäume
Speicherbereiche im RAM, Aliasing (b = a), is vs. == und Familienstammbäume.
+ + + @@ -333,6 +562,13 @@
➕ Operator Overloading & Dunder
Eigene Klassen rechenbar machen mit __add__, __mul__, __eq__ für 2D-Vektoren & Wegstrecken.
+ + + @@ -343,6 +579,13 @@
🧪 Eigene Unit Tests & TDD
Schreibe eigene Testsuiten mit unittest, self.assertEqual(), assertRaises() und lerne TDD.
+ + + @@ -353,6 +596,13 @@
🧬 Vererbung & super()
DRY-Prinzip, Basis- & Kindklassen, super().__init__(), Methoden erweitern & Fahrzeugflotten.
+ + + @@ -363,6 +613,13 @@
🎭 Polymorphie & Interfaces
Vielgestaltigkeit, Duck Typing, abstrakte Basisklassen (ABC), Geometrie-Engine & Zeichenflächen.
+ + + @@ -373,6 +630,13 @@
🛡️ Exceptions & Fehlerbehandlung
Robuste Fehlerkontrolle mit try-except-else-finally, raise und eigene Fehlerklassen im Banking.
+ + + @@ -383,6 +647,13 @@
💾 Datei-Persistenz: JSON & CSV
Dauerhaftes Speichern & Laden: Savegames mit to_dict()/from_dict(), json.dump und CSV-Export.
+ + + @@ -393,6 +664,13 @@
🖥️ Desktop-GUIs mit Tkinter
Fenster, Buttons, Labels, Grid-Layout, Event-Loop und MVC-Architektur im interaktiven Zähler & Rechner.
+ + + @@ -403,6 +681,13 @@
🎒 Parameter & Eigene Container
Variable Argumente (*args, **kwargs), Unpacking und Container-Dunder (len, [], in, iter) im Gaming-Inventar.
+ + + @@ -492,6 +777,7 @@ object has no attribute 'gang'
+

🏆 Offizielle Lehrpfad-Abschlusszertifikate