Perfektes statisches App-Layout mit nativer Sidebar, .nojekyll für GitHub Pages und validierten Non-Nested Karten
This commit is contained in:
Alex Mueller
parent
029f31015e
commit
0f73a3619f
35 changed files with 5786 additions and 542 deletions
|
|
@ -10,5 +10,5 @@
|
|||
"streak_tage": 1,
|
||||
"letzter_aktiver_tag": "2026-08-29",
|
||||
"historie": [],
|
||||
"zuletzt_aktualisiert": "2026-08-29T15:58:35.233410"
|
||||
"zuletzt_aktualisiert": "2026-08-29T16:00:34.190254"
|
||||
}
|
||||
1
.nojekyll
Normal file
1
.nojekyll
Normal file
|
|
@ -0,0 +1 @@
|
|||
# Disable Jekyll on GitHub Pages
|
||||
|
|
@ -11,7 +11,7 @@ window.GAMIFICATION_DATA = {
|
|||
"streak_tage": 1,
|
||||
"letzter_aktiver_tag": "2026-08-29",
|
||||
"historie": [],
|
||||
"zuletzt_aktualisiert": "2026-08-29T15:58:35.233410"
|
||||
"zuletzt_aktualisiert": "2026-08-29T16:00:34.190254"
|
||||
};
|
||||
window.GAMIFICATION_BADGES_KATALOG = {
|
||||
"rechenkonegin": {
|
||||
|
|
|
|||
|
|
@ -1,171 +1,17 @@
|
|||
/**
|
||||
* 🧭 NEXT-GEN SIDEBAR COMPONENT 🧭
|
||||
* =================================
|
||||
* Rendert eine saubere, linksbündige Sidebar-Navigation
|
||||
* für das Hauptportal und alle 27 Kapitel-Seiten.
|
||||
* 🧭 NEXT-GEN SIDEBAR LOGIC 🧭
|
||||
* =============================
|
||||
* Verwaltet Mobile Drawer Toggles und Live-Lernfortschritt (✅ Gelöst-Badges).
|
||||
*/
|
||||
|
||||
(function () {
|
||||
const LEHRPFADE = [
|
||||
{
|
||||
id: "lehrpfad_1",
|
||||
title: "🌱 1. Grundlagen",
|
||||
badge: "G01–G10",
|
||||
items: [
|
||||
{ id: "01_erste_schritte_taschenrechner", num: "G01", icon: "🧮", title: "Taschenrechner", path: "lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" },
|
||||
{ id: "02_variablen_und_datentypen", num: "G02", icon: "📦", title: "Variablen & Typen", path: "lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" },
|
||||
{ id: "03_ein_und_ausgabe", num: "G03", icon: "💬", title: "Ein- & Ausgabe", path: "lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" },
|
||||
{ id: "04_verzweigungen_und_bedingungen", num: "G04", icon: "🚦", title: "Bedingungen (if)", path: "lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" },
|
||||
{ id: "05_schleifen_und_wiederholungen", num: "G05", icon: "🎡", title: "Schleifen (for/while)", path: "lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" },
|
||||
{ id: "06_funktionen_und_module", num: "G06", icon: "🪄", title: "Funktionen & Module", path: "lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" },
|
||||
{ id: "07_listen_und_sequenzen", num: "G07", icon: "📋", title: "Listen & Sequenzen", path: "lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" },
|
||||
{ id: "08_textverarbeitung_und_strings", num: "G08", icon: "🔤", title: "String-Methoden", path: "lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" },
|
||||
{ id: "09_dictionaries_und_sets", num: "G09", icon: "🗃️", title: "Dicts & Sets", path: "lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" },
|
||||
{ id: "10_comprehensions_datum_algorithmen", num: "G10", icon: "🚀", title: "Comprehensions", path: "lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" },
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "lehrpfad_2",
|
||||
title: "🏗️ 2. OOP Einstieg",
|
||||
badge: "00–06",
|
||||
items: [
|
||||
{ id: "00_fehlersuche_und_grundlagen", num: "00", icon: "🔍", title: "Fehlersuche & Debug", path: "lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" },
|
||||
{ id: "01_einstieg_klassen", num: "01", icon: "🏗️", title: "Einstieg in Klassen", path: "lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" },
|
||||
{ id: "02_init_und_self", num: "02", icon: "⚙️", title: "Konstruktor & self", path: "lehrpfad_2_oop_einstieg/02_init_und_self/index.html" },
|
||||
{ id: "03_methoden_und_verhalten", num: "03", icon: "🏎️", title: "Methoden & Verhalten", path: "lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" },
|
||||
{ id: "04_str_und_darstellung", num: "04", icon: "🧾", title: "__str__ Darstellung", path: "lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" },
|
||||
{ id: "04b_umstieg_vscode", num: "04b", icon: "💻", title: "VS Code Setup", path: "lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" },
|
||||
{ id: "04c_git_und_versionskontrolle", num: "04c", icon: "🌿", title: "Git-Versionskontrolle", path: "lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" },
|
||||
{ id: "05_objekte_kombinieren", num: "05", icon: "🎵", title: "Objekte kombinieren", path: "lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" },
|
||||
{ id: "06_abschlussprojekt_tamagotchi", num: "06", icon: "🥚", title: "Projekt: Tamagotchi", path: "lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" },
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "lehrpfad_3",
|
||||
title: "🚀 3. Fortgeschritten",
|
||||
badge: "07–16",
|
||||
items: [
|
||||
{ id: "07_referenzen_und_speicher", num: "07", icon: "🧠", title: "Referenzen & Speicher", path: "lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" },
|
||||
{ id: "08_operator_overloading_dunder", num: "08", icon: "➕", title: "Operator Overloading", path: "lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" },
|
||||
{ id: "09_eigene_unit_tests_schreiben", num: "09", icon: "🧪", title: "Unit Tests & TDD", path: "lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" },
|
||||
{ id: "10_vererbung_und_super", num: "10", icon: "🧬", title: "Vererbung & super()", path: "lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" },
|
||||
{ id: "11_polymorphie_und_interfaces", num: "11", icon: "🎭", title: "Polymorphie", path: "lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" },
|
||||
{ id: "12_exceptions_und_fehlerbehandlung", num: "12", icon: "🛡️", title: "Exceptions & Fehler", path: "lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" },
|
||||
{ id: "13_persistenz_json_und_csv", num: "13", icon: "💾", title: "Persistenz (JSON/CSV)", path: "lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" },
|
||||
{ id: "14_gui_mit_tkinter", num: "14", icon: "🖥️", title: "Desktop-GUIs (Tkinter)", path: "lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" },
|
||||
{ id: "15_parameter_und_container", num: "15", icon: "🎒", title: "Container & *args", path: "lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" },
|
||||
{ id: "16_master_abschlussprojekt", num: "16", icon: "🏆", title: "Master-Abschlussprojekt", path: "lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" },
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
function detectRootPrefix() {
|
||||
const p = window.location.pathname;
|
||||
if (p.includes("/lehrpfad_1_grundlagen/") || p.includes("/lehrpfad_2_oop_einstieg/") || p.includes("/lehrpfad_3_fortgeschrittenes_oop/")) {
|
||||
return "../../";
|
||||
}
|
||||
return "./";
|
||||
}
|
||||
|
||||
function initSidebar() {
|
||||
const prefix = detectRootPrefix();
|
||||
const currentPath = window.location.pathname;
|
||||
|
||||
// Wrap existing body content in .app-main if not wrapped yet
|
||||
if (!document.querySelector(".app-main")) {
|
||||
const mainWrapper = document.createElement("div");
|
||||
mainWrapper.className = "app-main";
|
||||
while (document.body.firstChild) {
|
||||
mainWrapper.appendChild(document.body.firstChild);
|
||||
}
|
||||
document.body.appendChild(mainWrapper);
|
||||
}
|
||||
|
||||
// Check if sidebar already exists
|
||||
if (document.querySelector(".app-sidebar")) return;
|
||||
|
||||
// Gamification Data
|
||||
const gData = window.GAMIFICATION_DATA || { xp: 0, level: 1, titel: "Code-Küken 🐣", geloeste_kapitel: [] };
|
||||
const solvedSet = new Set(gData.geloeste_kapitel || []);
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
// 1. Mobile Drawer Toggle Button
|
||||
const toggleBtn = document.createElement("button");
|
||||
toggleBtn.type = "button";
|
||||
toggleBtn.className = "sidebar-mobile-toggle";
|
||||
toggleBtn.innerHTML = "<span>☰ Menü</span>";
|
||||
document.body.appendChild(toggleBtn);
|
||||
const toggleBtn = document.querySelector(".sidebar-mobile-toggle");
|
||||
const sidebar = document.querySelector(".app-sidebar");
|
||||
const overlay = document.querySelector(".sidebar-overlay");
|
||||
|
||||
// 2. Mobile Overlay
|
||||
const overlay = document.createElement("div");
|
||||
overlay.className = "sidebar-overlay";
|
||||
document.body.appendChild(overlay);
|
||||
|
||||
// 3. Sidebar Element
|
||||
const sidebar = document.createElement("aside");
|
||||
sidebar.className = "app-sidebar";
|
||||
|
||||
let navSectionsHtml = "";
|
||||
LEHRPFADE.forEach(track => {
|
||||
let itemsHtml = "";
|
||||
track.items.forEach(item => {
|
||||
const fullLink = prefix + item.path;
|
||||
const isActive = currentPath.includes(item.id);
|
||||
const isSolved = solvedSet.has(item.path.replace("/index.html", ""));
|
||||
|
||||
itemsHtml += `
|
||||
<a href="${fullLink}" class="sidebar-link ${isActive ? 'active' : ''}">
|
||||
<span class="sidebar-link-icon">${item.icon}</span>
|
||||
<span class="sidebar-link-text">${item.num}. ${item.title}</span>
|
||||
${isSolved ? '<span style="font-size: 0.75rem;">✅</span>' : ''}
|
||||
</a>
|
||||
`;
|
||||
});
|
||||
|
||||
navSectionsHtml += `
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>${track.title}</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">${track.badge}</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
${itemsHtml}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
|
||||
sidebar.innerHTML = `
|
||||
<div class="sidebar-header">
|
||||
<a href="${prefix}index.html" style="display: flex; align-items: center; gap: 10px; text-decoration: none; color: white;">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div style="padding: 10px 14px; border-bottom: 1px solid var(--border-dark); display: flex; flex-direction: column; gap: 2px; background: rgba(0,0,0,0.15);">
|
||||
<a href="${prefix}index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="${prefix}index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="${prefix}index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
${navSectionsHtml}
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;">⭐ Level ${gData.level || 1}</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;">${gData.xp || 0} XP</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
document.body.prepend(sidebar);
|
||||
|
||||
// Toggle Handler
|
||||
if (toggleBtn && sidebar && overlay) {
|
||||
toggleBtn.addEventListener("click", () => {
|
||||
sidebar.classList.toggle("open");
|
||||
overlay.classList.toggle("active");
|
||||
|
|
@ -177,5 +23,32 @@
|
|||
});
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", initSidebar);
|
||||
// 2. Mark Solved Chapters in Sidebar from LocalStorage / GAMIFICATION_DATA
|
||||
try {
|
||||
const gData = window.GAMIFICATION_DATA || JSON.parse(localStorage.getItem("python_gamification_progress") || "{}");
|
||||
const solvedList = gData.geloeste_kapitel || [];
|
||||
const solvedSet = new Set(solvedList);
|
||||
|
||||
document.querySelectorAll(".app-sidebar .sidebar-link").forEach(link => {
|
||||
const href = link.getAttribute("href") || "";
|
||||
for (const chapId of solvedSet) {
|
||||
if (href.includes(chapId)) {
|
||||
if (!link.querySelector(".sidebar-check")) {
|
||||
const checkSpan = document.createElement("span");
|
||||
checkSpan.className = "sidebar-check";
|
||||
checkSpan.innerText = " ✅";
|
||||
checkSpan.style.fontSize = "0.75rem";
|
||||
link.appendChild(checkSpan);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Update Sidebar Footer Level
|
||||
const levelEl = document.getElementById("sidebar-level-text");
|
||||
const xpEl = document.getElementById("sidebar-xp-text");
|
||||
if (levelEl && gData.level) levelEl.innerText = "⭐ Level " + gData.level;
|
||||
if (xpEl && gData.xp !== undefined) xpEl.innerText = gData.xp + " XP";
|
||||
} catch (e) {}
|
||||
});
|
||||
})();
|
||||
|
|
|
|||
398
assets/style.css
398
assets/style.css
|
|
@ -1,5 +1,5 @@
|
|||
/* ==========================================================================
|
||||
✨ PYTHON LERNPORTAL – CLEAN MODERN DESIGN SYSTEM ✨
|
||||
✨ PYTHON LERNPORTAL – ROCK-SOLID MODERN DESIGN SYSTEM ✨
|
||||
========================================================================== */
|
||||
|
||||
:root {
|
||||
|
|
@ -9,9 +9,6 @@
|
|||
--primary-light: #eef2ff;
|
||||
--primary-glow: rgba(79, 70, 229, 0.15);
|
||||
|
||||
--teal: #0d9488;
|
||||
--teal-light: #f0fdfa;
|
||||
|
||||
--emerald: #059669;
|
||||
--emerald-light: #ecfdf5;
|
||||
|
||||
|
|
@ -24,16 +21,19 @@
|
|||
--rose: #e11d48;
|
||||
--rose-light: #fff1f2;
|
||||
|
||||
--success: #10b981;
|
||||
--success-light: #ecfdf5;
|
||||
|
||||
/* Surfaces & Backgrounds */
|
||||
--bg-body: #f8fafc;
|
||||
--bg-surface: #ffffff;
|
||||
--bg-subtle: #f1f5f9;
|
||||
--bg-sidebar: #0f172a;
|
||||
--bg-sidebar: #090d16;
|
||||
--bg-code: #0b0f19;
|
||||
|
||||
/* Borders */
|
||||
--border-color: #e2e8f0;
|
||||
--border-dark: rgba(255, 255, 255, 0.1);
|
||||
--border-dark: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Typography */
|
||||
--text-main: #0f172a;
|
||||
|
|
@ -48,11 +48,11 @@
|
|||
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
|
||||
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
|
||||
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
|
||||
--radius-sm: 6px;
|
||||
--radius-md: 10px;
|
||||
--radius-lg: 16px;
|
||||
--radius-md: 12px;
|
||||
--radius-lg: 18px;
|
||||
--radius-full: 9999px;
|
||||
}
|
||||
|
||||
|
|
@ -73,17 +73,25 @@ body {
|
|||
color: var(--text-body);
|
||||
line-height: 1.65;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
LAYOUT: SIDEBAR (LEFT) + MAIN CONTENT (RIGHT)
|
||||
APP LAYOUT (FLEX CONTAINER)
|
||||
========================================================================== */
|
||||
|
||||
.app-layout {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Sidebar (Left) */
|
||||
.app-sidebar {
|
||||
width: 290px;
|
||||
min-width: 290px;
|
||||
max-width: 290px;
|
||||
height: 100vh;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
|
|
@ -94,22 +102,29 @@ body {
|
|||
border-right: 1px solid var(--border-dark);
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
padding: 20px 18px;
|
||||
border-bottom: 1px solid var(--border-dark);
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
}
|
||||
|
||||
.sidebar-brand-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sidebar-logo {
|
||||
font-size: 1.7rem;
|
||||
font-size: 1.6rem;
|
||||
background: rgba(79, 70, 229, 0.2);
|
||||
border: 1px solid var(--primary);
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -124,19 +139,28 @@ body {
|
|||
}
|
||||
|
||||
.sidebar-subtitle {
|
||||
font-size: 0.75rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.72rem;
|
||||
color: #94a3b8;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.sidebar-quick-nav {
|
||||
padding: 10px 14px;
|
||||
border-bottom: 1px solid var(--border-dark);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 14px 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.sidebar-nav::-webkit-scrollbar {
|
||||
|
|
@ -149,7 +173,7 @@ body {
|
|||
}
|
||||
|
||||
.sidebar-group-title {
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.74rem;
|
||||
font-weight: 800;
|
||||
color: #94a3b8;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -165,11 +189,11 @@ body {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 8px 12px;
|
||||
padding: 7px 12px;
|
||||
border-radius: var(--radius-sm);
|
||||
color: #cbd5e1;
|
||||
text-decoration: none;
|
||||
font-size: 0.88rem;
|
||||
font-size: 0.86rem;
|
||||
font-weight: 500;
|
||||
transition: all 0.15s ease;
|
||||
border-left: 3px solid transparent;
|
||||
|
|
@ -200,33 +224,30 @@ body {
|
|||
}
|
||||
|
||||
.sidebar-footer {
|
||||
padding: 14px 16px;
|
||||
padding: 12px 16px;
|
||||
border-top: 1px solid var(--border-dark);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
MAIN CONTENT AREA
|
||||
========================================================================== */
|
||||
|
||||
/* Main Content Area */
|
||||
.app-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
background: var(--bg-body);
|
||||
}
|
||||
|
||||
header {
|
||||
background: linear-gradient(135deg, #090d16 0%, #1e1b4b 100%);
|
||||
color: white;
|
||||
padding: 35px 30px;
|
||||
padding: 35px 24px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.header-container {
|
||||
max-width: 900px;
|
||||
max-width: 920px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
|
@ -259,7 +280,6 @@ header p {
|
|||
line-height: 1.55;
|
||||
}
|
||||
|
||||
/* Nav Links inside Header */
|
||||
.nav-links {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
|
|
@ -282,12 +302,11 @@ header p {
|
|||
color: white;
|
||||
}
|
||||
|
||||
/* Main Content Container */
|
||||
.container {
|
||||
max-width: 900px;
|
||||
max-width: 920px;
|
||||
width: 100%;
|
||||
margin: 30px auto;
|
||||
padding: 0 24px;
|
||||
margin: 0 auto;
|
||||
padding: 30px 24px 60px 24px;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
|
|
@ -297,7 +316,7 @@ header p {
|
|||
.card {
|
||||
background: var(--bg-surface);
|
||||
border-radius: var(--radius-md);
|
||||
padding: 28px;
|
||||
padding: 26px;
|
||||
margin-bottom: 24px;
|
||||
border: 1px solid var(--border-color);
|
||||
box-shadow: var(--shadow-sm);
|
||||
|
|
@ -327,7 +346,6 @@ header p {
|
|||
color: var(--text-body);
|
||||
}
|
||||
|
||||
/* Section Header */
|
||||
.section-header {
|
||||
margin: 35px 0 15px 0;
|
||||
padding-bottom: 8px;
|
||||
|
|
@ -352,7 +370,7 @@ header p {
|
|||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* Track Badges */
|
||||
/* Badges */
|
||||
.track-badge {
|
||||
display: inline-flex;
|
||||
padding: 4px 12px;
|
||||
|
|
@ -368,7 +386,7 @@ header p {
|
|||
.track-3-badge { background: var(--purple-light); color: var(--purple); }
|
||||
|
||||
/* ==========================================================================
|
||||
ROADMAP MODULE CARDS (CLEAN & NON-NESTED)
|
||||
ROADMAP MODULE CARDS
|
||||
========================================================================== */
|
||||
|
||||
.roadmap-grid {
|
||||
|
|
@ -409,7 +427,7 @@ header p {
|
|||
}
|
||||
|
||||
.roadmap-title {
|
||||
font-size: 1.15rem;
|
||||
font-size: 1.12rem;
|
||||
font-weight: 800;
|
||||
margin-bottom: 6px;
|
||||
color: var(--text-main);
|
||||
|
|
@ -449,7 +467,7 @@ header p {
|
|||
}
|
||||
|
||||
.card-primary-btn:hover {
|
||||
background: var(--primary-hover);
|
||||
filter: brightness(0.9);
|
||||
}
|
||||
|
||||
.card-sublinks {
|
||||
|
|
@ -479,7 +497,7 @@ header p {
|
|||
}
|
||||
|
||||
/* ==========================================================================
|
||||
BOXES, CODE & DIDACTICS
|
||||
BOXES & CODE
|
||||
========================================================================== */
|
||||
|
||||
.box {
|
||||
|
|
@ -504,7 +522,6 @@ header p {
|
|||
.box-danger { background: var(--rose-light); border-left-color: var(--rose); color: #881337; }
|
||||
.box-success { background: var(--emerald-light); border-left-color: var(--emerald); color: #064e3b; }
|
||||
|
||||
/* Code Blocks */
|
||||
.code-container {
|
||||
background: var(--bg-code);
|
||||
border-radius: var(--radius-md);
|
||||
|
|
@ -599,7 +616,7 @@ pre code {
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Search Bar */
|
||||
/* Live Search */
|
||||
.search-bar-container {
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--border-color);
|
||||
|
|
@ -622,7 +639,289 @@ pre code {
|
|||
background: transparent;
|
||||
}
|
||||
|
||||
/* Mobile Toggle */
|
||||
/* Gamification HUD */
|
||||
.hud-card {
|
||||
background: linear-gradient(145deg, #090d16 0%, #0f172a 100%);
|
||||
color: #f8fafc;
|
||||
border-radius: var(--radius-md);
|
||||
padding: 24px;
|
||||
margin-bottom: 25px;
|
||||
box-shadow: var(--shadow-md);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.hud-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.hud-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.hud-avatar {
|
||||
font-size: 2.2rem;
|
||||
background: rgba(79, 70, 229, 0.2);
|
||||
border: 2px solid #818cf8;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.hud-name {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 800;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.hud-title {
|
||||
font-size: 0.9rem;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.hud-rank {
|
||||
color: #fbbf24;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.hud-stats {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.hud-stat-box {
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
padding: 8px 14px;
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
min-width: 85px;
|
||||
}
|
||||
|
||||
.hud-stat-value {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 800;
|
||||
color: #38bdf8;
|
||||
}
|
||||
|
||||
.hud-stat-label {
|
||||
font-size: 0.7rem;
|
||||
color: #94a3b8;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.6px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.hud-progress-container {
|
||||
margin: 14px 0;
|
||||
}
|
||||
|
||||
.hud-progress-labels {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.85rem;
|
||||
color: #cbd5e1;
|
||||
margin-bottom: 6px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hud-progress-bar-bg {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
height: 14px;
|
||||
border-radius: 7px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hud-progress-bar-fill {
|
||||
background: linear-gradient(90deg, #10b981 0%, #06b6d4 50%, #6366f1 100%);
|
||||
height: 100%;
|
||||
border-radius: 7px;
|
||||
transition: width 0.6s ease;
|
||||
}
|
||||
|
||||
.hud-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-top: 16px;
|
||||
padding-top: 14px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.hud-btn {
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
border-radius: var(--radius-sm);
|
||||
font-weight: 800;
|
||||
font-size: 0.88rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
}
|
||||
|
||||
.hud-btn:hover {
|
||||
background: var(--primary-hover);
|
||||
}
|
||||
|
||||
.hud-cli-tip {
|
||||
font-size: 0.82rem;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.hud-cli-tip code {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
color: #38bdf8;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* Parsons */
|
||||
.parsons-box {
|
||||
background: #ffffff;
|
||||
border: 2px solid #e0e7ff;
|
||||
border-radius: var(--radius-md);
|
||||
padding: 20px;
|
||||
margin: 24px 0;
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.parsons-header {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.parsons-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 1.15rem;
|
||||
font-weight: 800;
|
||||
color: var(--primary);
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.parsons-badge {
|
||||
background: var(--amber-light);
|
||||
color: var(--amber);
|
||||
padding: 3px 10px;
|
||||
border-radius: var(--radius-full);
|
||||
font-size: 0.78rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.parsons-instruction {
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-muted);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.parsons-board {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
.parsons-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
background: #f8fafc;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 10px 14px;
|
||||
}
|
||||
|
||||
.parsons-line:hover {
|
||||
border-color: var(--primary);
|
||||
background: var(--primary-light);
|
||||
}
|
||||
|
||||
.parsons-code {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.parsons-code code {
|
||||
background: transparent;
|
||||
color: var(--text-main);
|
||||
font-size: 0.92rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.btn-parsons-move {
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 4px;
|
||||
padding: 3px 8px;
|
||||
font-size: 0.75rem;
|
||||
cursor: pointer;
|
||||
color: var(--text-muted);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.btn-parsons-move:hover:not(:disabled) {
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
border-color: var(--primary);
|
||||
}
|
||||
|
||||
.btn-parsons-move:disabled {
|
||||
opacity: 0.25;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Certificate Overlay */
|
||||
.certificate-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(15, 23, 42, 0.85);
|
||||
backdrop-filter: blur(6px);
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.certificate-container {
|
||||
background: #ffffff;
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 24px;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
box-shadow: var(--shadow-xl);
|
||||
}
|
||||
|
||||
.certificate-border {
|
||||
border: 6px double #d97706;
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 30px 20px;
|
||||
text-align: center;
|
||||
background: #fffdfa;
|
||||
}
|
||||
|
||||
.certificate-badge { font-size: 0.85rem; font-weight: 800; letter-spacing: 2px; color: #b45309; margin-bottom: 10px; }
|
||||
.certificate-headline { font-size: 2rem; color: #1e293b; margin-bottom: 6px; font-weight: 800; }
|
||||
.certificate-student-name { font-size: 1.8rem; font-weight: 800; color: var(--primary); margin: 14px 0; }
|
||||
.certificate-track-title { font-size: 1.35rem; color: #0f172a; margin: 10px 0; font-weight: 800; }
|
||||
.certificate-meta { display: flex; justify-content: space-around; font-size: 0.9rem; margin: 20px 0; padding: 10px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
|
||||
|
||||
/* Mobile Sidebar Drawer */
|
||||
.sidebar-mobile-toggle {
|
||||
display: none;
|
||||
position: fixed;
|
||||
|
|
@ -648,9 +947,8 @@ pre code {
|
|||
z-index: 99;
|
||||
}
|
||||
|
||||
/* Responsive Breakpoints */
|
||||
@media (max-width: 900px) {
|
||||
body {
|
||||
@media (max-width: 960px) {
|
||||
.app-layout {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
|
@ -677,10 +975,10 @@ pre code {
|
|||
}
|
||||
|
||||
.container {
|
||||
padding: 0 16px;
|
||||
padding: 20px 16px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 1.7rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
175
index.html
175
index.html
|
|
@ -8,9 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Hauptinhalt -->
|
||||
<div class="app-main">
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="./index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="./index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="./index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="./index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="./lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="./lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="./lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<div class="header-badge">🐍 Python Nachhilfe- & Selbstlern-Portal</div>
|
||||
|
|
@ -728,6 +895,10 @@ print(mein_auto.hupen())
|
|||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/gamification_data.js"></script>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne die Grundrechenarten, besondere Operatoren wie Modulo und Ganzzahldivision sowie Punkt-vor-Strich-Regeln in Python kennen.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -314,13 +483,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie Daten im Arbeitsspeicher abgelegt werden, was <code>int</code>, <code>float</code>, <code>str</code> und <code>bool</code> unterscheidet und wie Type Casting funktioniert.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -265,13 +434,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie du Benutzereingaben mit <code>input()</code> verarbeitest, Typen umwandelst und Daten mit modernen f-Strings elegant formatierst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -268,13 +437,19 @@ return f"Steckbrief: {name} | Größe: {groesse_m:.2f} m | Gewicht: {gewicht_kg:
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie dein Code mit <code>if</code>, <code>elif</code> und <code>else</code> intelligente Entscheidungen trifft und wie du logische Operatoren meisterst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -300,13 +469,19 @@ return False</code></pre>
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne Zählschleifen (for), Bedingungsschleifen (while), Schleifen-Akkumulatoren und die Steuerbefehle break & continue kennen.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -341,13 +510,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie du saubere Funktionen baust, Ergebnisse mit return zurückgibst, Variablen-Scopes verstehst und Standard-Module wie math und random nutzt.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -294,13 +463,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie du Daten in Listen sammelst, mit Index und Slicing zuschneidest und mit Methoden verwaltest.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -285,13 +454,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie du Texte zerlegst, bereinigst, durchsuchst und formatierst – mit den mächtigen String-Methoden von Python.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -240,13 +409,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie du Daten in Schlüssel-Wert-Paaren organisierst, blitzschnell nachschlägst und mit mathematischen Mengen Duplikate eliminierst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -314,13 +483,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie du elegante Einzeiler schreibst, mit Zeitspannen rechnest und grundlegende Such- und Filter-Algorithmen meisterst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -264,13 +433,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie du Fehlermeldungen richtig liest, Einrückungsfehler behebst und Bugs wie eine echte Detektivin aufspürst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -218,13 +387,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Verstehe den Unterschied zwischen einer Klasse und einer Instanz anhand vollständiger Praxisbeispiele.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -300,13 +469,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie Objekte direkt beim Erstellen startklar gemacht werden – mit vollständigen Codebeispielen.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -227,13 +396,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lass Objekte aktiv handeln und miteinander interagieren anhand eines vollständigen Rennspiel- & Duell-Beispiels.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -207,13 +376,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne anhand eines Pizzeria-Beispiels, wie du <code>print(objekt)</code> formatierst und Objekte in Listen sammelst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -214,13 +383,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Schritt-für-Schritt-Installationsanleitung (Windows, Mac, Linux), die besten Plugins und Profi-Tipps.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -324,13 +493,19 @@ sudo snap install --classic code</code></pre>
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -24,7 +194,6 @@
|
|||
<p>Lerne, wie du deinen Code versionierst, Spielstände sicherst und Änderungen in VS Code & im Terminal verwaltest.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -220,13 +389,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Baue einen eigenen Spotify-Playlist-Manager und lerne, wie Objekte andere Objekte suchen, berechnen und filtern.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -210,13 +379,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Kombiniere alle gelernten OOP-Konzepte in einem interaktiven, voll funktionsfähigen Konsolenspiel!</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -189,13 +358,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Verstehe, wie Python Objekte im Arbeitsspeicher verwaltet, was Aliasing bedeutet und baue einen echten Familienstammbaum.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -240,13 +409,19 @@ STACK (Variablen-Namen) HEAP (Echter Speicher / RAM)
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Bringe deinen eigenen Objekten das Rechnen und Vergleichen bei – mit Pythons magischen Methoden!</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -289,13 +458,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie du deinen Code mit Pythons <code>unittest</code> absicherst, Test-Driven Development anwendest und Fehler sofort entlarvst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -308,13 +477,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -5,71 +5,179 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kapitel 10: Vererbung & super()</title>
|
||||
<link rel="stylesheet" href="../../assets/style.css">
|
||||
<style>
|
||||
/* Spezifische Styles für UML-Diagramme */
|
||||
.uml-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
margin: 25px 0;
|
||||
}
|
||||
.uml-card {
|
||||
background: #ffffff;
|
||||
border: 2px solid var(--primary);
|
||||
border-radius: var(--radius-sm);
|
||||
width: 100%;
|
||||
max-width: 380px;
|
||||
box-shadow: var(--shadow-sm);
|
||||
overflow: hidden;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.uml-header {
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 8px 12px;
|
||||
font-weight: 700;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.uml-section {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
color: #334155;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.uml-section:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.uml-arrow {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.uml-arrow::before {
|
||||
content: '▲';
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.uml-arrow-line {
|
||||
width: 2px;
|
||||
height: 20px;
|
||||
background-color: var(--primary);
|
||||
}
|
||||
.uml-row {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -84,7 +192,6 @@
|
|||
<p>Lerne, wie Klassen Eigenschaften und Methoden an Unterklassen vererben, Code-Duplikate verschwinden und wie <code>super().__init__()</code> funktioniert.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -368,13 +475,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -5,71 +5,179 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kapitel 11: Polymorphie & Interfaces</title>
|
||||
<link rel="stylesheet" href="../../assets/style.css">
|
||||
<style>
|
||||
/* Spezifische Styles für UML-Diagramme */
|
||||
.uml-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
margin: 25px 0;
|
||||
}
|
||||
.uml-card {
|
||||
background: #ffffff;
|
||||
border: 2px solid var(--primary);
|
||||
border-radius: var(--radius-sm);
|
||||
width: 100%;
|
||||
max-width: 380px;
|
||||
box-shadow: var(--shadow-sm);
|
||||
overflow: hidden;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.uml-header {
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 8px 12px;
|
||||
font-weight: 700;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.uml-section {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
color: #334155;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.uml-section:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.uml-arrow {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.uml-arrow::before {
|
||||
content: '▲';
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.uml-arrow-line {
|
||||
width: 2px;
|
||||
height: 20px;
|
||||
background-color: var(--primary);
|
||||
}
|
||||
.uml-row {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -84,7 +192,6 @@
|
|||
<p>Verstehe das Geheimnis der Vielgestaltigkeit: Gleicher Methodenname, unterschiedliches Verhalten und saubere Schnittstellen mit ABC und Duck Typing.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -401,13 +508,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie du Programme vor unkontrollierten Abstürzen schützt, saubere Kontrollflüsse mit <code>try-except-else-finally</code> baust und eigene Exception-Klassen definierst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -268,13 +437,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Lerne, wie du Daten dauerhaft auf der Festplatte speicherst, Objekte mit <code>to_dict()</code> und <code>from_dict()</code> serialisierst und Tabellen als CSV exportierst.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -256,13 +425,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Vom Text-Terminal zum echten Betriebssystem-Fenster mit Buttons, Eingabefeldern, Layout-Grids und ereignisgesteuerter OOP-Architektur.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -362,13 +531,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,176 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
|
|
@ -22,7 +192,6 @@
|
|||
<p>Mache Funktionen maximal flexibel mit variablen Argumenten und baue eigene Datenstrukturen mit den magischen Container-Dunder-Methoden von Python.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
|
||||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||||
|
|
@ -325,13 +494,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -5,60 +5,179 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kapitel 16: Master-Abschlussprojekt – PetCare & Tierheim-Manager</title>
|
||||
<link rel="stylesheet" href="../../assets/style.css">
|
||||
<style>
|
||||
.gold-header {
|
||||
background: linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #8b5cf6 100%);
|
||||
}
|
||||
.mvc-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 16px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.mvc-card {
|
||||
background: #ffffff;
|
||||
border-radius: var(--radius-md);
|
||||
padding: 18px;
|
||||
border: 2px solid var(--border-color);
|
||||
box-shadow: var(--shadow-sm);
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.mvc-card:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
.mvc-card.model { border-top: 5px solid #10b981; }
|
||||
.mvc-card.view { border-top: 5px solid #3b82f6; }
|
||||
.mvc-card.controller { border-top: 5px solid #8b5cf6; }
|
||||
.badge-master {
|
||||
background: linear-gradient(90deg, #f59e0b, #ec4899);
|
||||
color: white;
|
||||
font-weight: 700;
|
||||
padding: 4px 14px;
|
||||
border-radius: 999px;
|
||||
display: inline-block;
|
||||
font-size: 0.85rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="gold-header">
|
||||
<div class="header-container">
|
||||
<nav class="nav-links">
|
||||
<a href="../../index.html">🏠 Zur Kursübersicht</a>
|
||||
<span>›</span>
|
||||
<a href="../15_parameter_und_container/index.html">Kapitel 15</a>
|
||||
<span>›</span>
|
||||
<span style="color: white; font-weight: 600;">Kapitel 16 (Masterprojekt)</span>
|
||||
</nav>
|
||||
<div class="header-badge">🏆 Kapitel 16 • Das Große Meisterstück</div>
|
||||
<h1>PetCare & Tierheim-Manager Pro 🐾🏥🖥️</h1>
|
||||
<p>Die Krönung aller 3 Lehrpfade: Model-View-Controller (MVC), Vererbung, Polymorphie, JSON- & CSV-Persistenz, robuste Exceptions und eine vollwertige Tkinter Desktop-Applikation!</p>
|
||||
<div class="app-layout">
|
||||
<aside class="app-sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="../../index.html" class="sidebar-brand-link">
|
||||
<div class="sidebar-logo">🐍</div>
|
||||
<div>
|
||||
<div class="sidebar-title">Python Portal</div>
|
||||
<div class="sidebar-subtitle">Lernplattform</div>
|
||||
</div>
|
||||
</header>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-quick-nav">
|
||||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-nav">
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🌱 1. Grundlagen</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧮</span>
|
||||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📦</span>
|
||||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💬</span>
|
||||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚦</span>
|
||||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎡</span>
|
||||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🪄</span>
|
||||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">📋</span>
|
||||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔤</span>
|
||||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🗃️</span>
|
||||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🚀</span>
|
||||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🏗️ 2. OOP Einstieg</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🔍</span>
|
||||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏗️</span>
|
||||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">⚙️</span>
|
||||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🏎️</span>
|
||||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧾</span>
|
||||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💻</span>
|
||||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🌿</span>
|
||||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎵</span>
|
||||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🥚</span>
|
||||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-group">
|
||||
<div class="sidebar-group-title">
|
||||
<span>🚀 3. Fortgeschritten</span>
|
||||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧠</span>
|
||||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">➕</span>
|
||||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧪</span>
|
||||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🧬</span>
|
||||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎭</span>
|
||||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🛡️</span>
|
||||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">💾</span>
|
||||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🖥️</span>
|
||||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||||
<span class="sidebar-link-icon">🎒</span>
|
||||
<span class="sidebar-link-text">15. Container & *args</span>
|
||||
</a>
|
||||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link active">
|
||||
<span class="sidebar-link-icon">🏆</span>
|
||||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
|
||||
<main class="container">
|
||||
|
||||
|
|
@ -337,13 +456,19 @@
|
|||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||||
<div class="sidebar-overlay"></div>
|
||||
|
||||
<!-- Lokale Gamification-Scripts (funktionieren auch offline per Doppelklick via file://) -->
|
||||
<!-- Scripts -->
|
||||
<script src="../../assets/gamification_data.js"></script>
|
||||
<script src="../../assets/gamification.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/interpreter.js"></script>
|
||||
<script src="../../assets/certificate.js"></script>
|
||||
<script src="../../assets/parsons.js"></script>
|
||||
<script src="../../assets/runner.js"></script>
|
||||
<script src="../../assets/ui_enhancements.js"></script>
|
||||
<script src="../../assets/sidebar.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in a new issue