408 lines
22 KiB
HTML
408 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<link rel="icon" type="image/svg+xml" href="../../assets/favicon.svg">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Kapitel 00: Fehlersuche & Grundlagen</title>
|
||
<link rel="stylesheet" href="../../assets/style.css">
|
||
</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">
|
||
<a href="../../index.html">🏠 Zur Kursübersicht</a>
|
||
<span>›</span>
|
||
<span style="color: white; font-weight: 600;">Kapitel 00</span>
|
||
<span>›</span>
|
||
<a href="../01_einstieg_klassen/index.html">Kapitel 01 →</a>
|
||
</nav>
|
||
<div class="header-badge">Vorkapitel 00</div>
|
||
<h1>Python Fehlersuche & Grundlagen 🔍🕵️♀️</h1>
|
||
<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 -->
|
||
<div style="background: #ffffff; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 14px 20px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; box-shadow: var(--shadow-sm);">
|
||
<div style="font-weight: 700; color: var(--text-main); display: flex; align-items: center; gap: 8px;">
|
||
<span>📂 Dateien dieser Einheit:</span>
|
||
</div>
|
||
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
|
||
<a href="../../workspace.html?course=python&track=lehrpfad_2_oop_einstieg&chapter=00_fehlersuche_und_grundlagen" class="btn" style="background: #10b981; color: #fff; font-weight: 700;">💻 In Web-IDE öffnen →</a>
|
||
<a href="aufgabe.py" class="btn" style="padding: 6px 14px; font-size: 0.88rem; background: var(--primary);" download>📄 aufgabe.py (Startercode)</a>
|
||
<a href="test_aufgabe.py" class="btn btn-secondary" style="padding: 6px 14px; font-size: 0.88rem;" download>🧪 test_aufgabe.py (Tests)</a>
|
||
<a href="musterloesung.py" class="btn btn-secondary" style="padding: 6px 14px; font-size: 0.88rem;" download>💡 musterloesung.py (Lösung)</a>
|
||
<a href="README.md" class="btn btn-secondary" style="padding: 6px 14px; font-size: 0.88rem;">📖 README.md</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 1. Keine Panik vor Fehlermeldungen -->
|
||
<section class="card">
|
||
<h2>1. Die wichtigste Regel: Keine Panik bei Fehlern!</h2>
|
||
|
||
<p>
|
||
Jeder Programmierer auf der Welt – selbst bei Google oder Apple – schreibt täglich dutzende Fehler.
|
||
</p>
|
||
|
||
<div class="box box-analogie">
|
||
<div class="box-title">💡 Der Computer ist dein Assistent, kein Richter:</div>
|
||
Wenn Python eine rote Fehlermeldung (einen sogenannten <strong>Traceback</strong>) anzeigt, ist das nichts Schlimmes. Der Computer sagt dir damit nur: <em>"Hey, hier verstehe ich in Zeile X etwas noch nicht ganz – kannst du mir kurz helfen?"</em>
|
||
</div>
|
||
|
||
<h3>Wie liest man einen Traceback? (Die Unten-nach-Oben-Regel)</h3>
|
||
<p>
|
||
Ein Traceback kann lang und einschüchternd wirken. Doch das Geheimnis ist: <strong>Lies immer ganz unten!</strong>
|
||
</p>
|
||
|
||
<div class="code-container">
|
||
<div class="code-header">
|
||
<span>Beispiel einer Fehlermeldung</span>
|
||
</div>
|
||
<pre>Traceback (most recent call last):
|
||
File "aufgabe.py", line 12, in berechne_rabatt
|
||
ergebnis = preis * rabatt_prozent
|
||
<span class="kw" style="color: #ef4444;">TypeError</span>: can't multiply sequence by non-int of type 'float'
|
||
<span class="cm">▲ ▲</span>
|
||
<span class="cm">1. ART DES FEHLERS 2. DIE ERKLÄRUNG</span></pre>
|
||
</div>
|
||
|
||
<p>
|
||
Ganz unten steht:
|
||
<br>1. <strong>Um welchen Fehler handelt es sich?</strong> (z.B. <code>TypeError</code>)
|
||
<br>2. <strong>Was genau ist schiefgelaufen?</strong> (z.B. Text mit Kommazahl multipliziert)
|
||
<br>3. Direkt in der Zeile darüber steht die <strong>Dateiname und Zeilennummer</strong> (z.B. <code>line 12</code>)!
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 2. Die 4 häufigsten Anfängerfehler -->
|
||
<section class="card">
|
||
<h2>2. Die 4 häufigsten Python-Fehler im Überblick</h2>
|
||
|
||
<!-- Fehler 1: Indentation -->
|
||
<div class="box box-warning">
|
||
<div class="box-title">1. IndentationError (Einrückungsfehler)</div>
|
||
<p>In Python haben Einrückungen eine feste Bedeutung. Alles, was in einer Funktion, Schleife oder Bedingung steht, muss <strong>genau 4 Leerzeichen</strong> eingerückt sein.</p>
|
||
</div>
|
||
|
||
<div class="code-container">
|
||
<div class="code-header"><span>Vergleich: Einrückung</span></div>
|
||
<pre><span class="cm"># ❌ Falsch:</span>
|
||
<span class="kw">def</span> <span class="fn">begruessung</span>(<span class="var">name</span>):
|
||
<span class="fn">print</span>(<span class="str">"Hallo"</span>, <span class="var">name</span>) <span class="cm"># 💥 IndentationError: expected an indented block</span>
|
||
|
||
<span class="cm"># ✅ Richtig:</span>
|
||
<span class="kw">def</span> <span class="fn">begruessung</span>(<span class="var">name</span>):
|
||
<span class="fn">print</span>(<span class="str">"Hallo"</span>, <span class="var">name</span>) <span class="cm"># 4 Leerzeichen eingerückt!</span></pre>
|
||
</div>
|
||
|
||
<!-- Fehler 2: SyntaxError -->
|
||
<div class="box box-warning">
|
||
<div class="box-title">2. SyntaxError (Tippfehler & fehlende Doppelpunkte)</div>
|
||
<p>Häufig vergessen: Der Doppelpunkt <code>:</code> am Ende von <code>def</code>, <code>if</code>, <code>else</code>, <code>for</code> oder <code>while</code>, oder eine ungeschlossene Klammer.</p>
|
||
</div>
|
||
|
||
<div class="code-container">
|
||
<div class="code-header"><span>Vergleich: Syntax</span></div>
|
||
<pre><span class="cm"># ❌ Falsch: Doppelpunkt vergessen</span>
|
||
<span class="kw">if</span> <span class="var">alter</span> >= <span class="num">18</span>
|
||
<span class="fn">print</span>(<span class="str">"Volljährig"</span>) <span class="cm"># 💥 SyntaxError: expected ':'</span>
|
||
|
||
<span class="cm"># ✅ Richtig:</span>
|
||
<span class="kw">if</span> <span class="var">alter</span> >= <span class="num">18</span>:
|
||
<span class="fn">print</span>(<span class="str">"Volljährig"</span>)</pre>
|
||
</div>
|
||
|
||
<!-- Fehler 3: NameError -->
|
||
<div class="box box-warning">
|
||
<div class="box-title">3. NameError (Unbekannter Name / Tippfehler)</div>
|
||
<p>Tritt auf, wenn eine Variable oder Funktion aufgerufen wird, die nicht existiert (oder falsch geschrieben wurde).</p>
|
||
</div>
|
||
|
||
<div class="code-container">
|
||
<div class="code-header"><span>Vergleich: NameError</span></div>
|
||
<pre><span class="var">spieler_name</span> = <span class="str">"Alex"</span>
|
||
<span class="fn">print</span>(<span class="var">spielr_name</span>) <span class="cm"># 💥 NameError: name 'spielr_name' is not defined (Tippfehler!)</span></pre>
|
||
</div>
|
||
|
||
<!-- Fehler 4: TypeError -->
|
||
<div class="box box-warning">
|
||
<div class="box-title">4. TypeError (Falscher Datentyp)</div>
|
||
<p>Tritt auf, wenn man Operationen mit unpassenden Typen versucht (z.B. Zahl an Text anhängen mit <code>+</code> statt f-String).</p>
|
||
</div>
|
||
|
||
<div class="code-container">
|
||
<div class="code-header"><span>Vergleich: TypeError</span></div>
|
||
<pre><span class="var">punkte</span> = <span class="num">100</span>
|
||
<span class="cm"># ❌ Falsch:</span>
|
||
<span class="fn">print</span>(<span class="str">"Du hast "</span> + <span class="var">punkte</span> + <span class="str">" Punkte!"</span>) <span class="cm"># 💥 TypeError: can only concatenate str to str</span>
|
||
|
||
<span class="cm"># ✅ Richtig mit f-String:</span>
|
||
<span class="fn">print</span>(<span class="str">f"Du hast {punkte} Punkte!"</span>)</pre>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3. Detektiv-Aufgabe -->
|
||
<section class="card">
|
||
<h2>3. 🕵️♀️ Deine Detektiv-Aufgabe in <code><a href="aufgabe.py" style="color: inherit; text-decoration: underline;">aufgabe.py</a></code></h2>
|
||
|
||
<p>
|
||
In der Datei <code><a href="aufgabe.py" style="color: inherit; text-decoration: underline;">aufgabe.py</a></code> findest du ein kleines Programm für ein Quiz-Spiel, in dem sich <strong>5 typische Fehler</strong> versteckt haben!
|
||
</p>
|
||
<p>Deine Mission als Code-Detektivin:</p>
|
||
|
||
<ul class="task-list">
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="b1">
|
||
<label for="b1" class="task-label">
|
||
<strong>Bug 1 (SyntaxError):</strong> Finde den fehlenden Doppelpunkt in der Funktionsdefinition <code>berechne_endstand</code>.
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="b2">
|
||
<label for="b2" class="task-label">
|
||
<strong>Bug 2 (IndentationError):</strong> Korrigiere die falsche Einrückung in der <code>if</code>-Bedingung.
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="b3">
|
||
<label for="b3" class="task-label">
|
||
<strong>Bug 3 (NameError):</strong> Korrigiere den Tippfehler beim Variablennamen <code>spieler_punkte</code>.
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="b4">
|
||
<label for="b4" class="task-label">
|
||
<strong>Bug 4 (TypeError):</strong> Korrigiere die Textzusammensetzung in <code>formatierte_ausgabe</code> (nutze einen sauberen f-String).
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="b5">
|
||
<label for="b5" class="task-label">
|
||
<strong>Bug 5 (Logik-Fehler):</strong> Die Funktion <code>ist_sieger</code> soll ab <strong>50 Punkten oder mehr</strong> <code>True</code> zurückgeben (prüfe <code>>=</code> statt <code>></code>).
|
||
</label>
|
||
</li>
|
||
</ul>
|
||
|
||
<h3>💡 Lösungshinweise (Aufklappen bei Bedarf)</h3>
|
||
|
||
<details>
|
||
<summary>🔍 Tipp zur Ausführung im Terminal</summary>
|
||
<div class="details-content">
|
||
<p>Führe das Skript einfach direkt im Terminal aus:</p>
|
||
<div class="code-container">
|
||
<pre><code>python3 aufgabe.py</code></pre>
|
||
</div>
|
||
<p>Python zeigt dir sofort den ersten Fehler an. Repariere ihn, führe das Skript erneut aus und arbeite dich so Schritt für Schritt durch!</p>
|
||
</div>
|
||
</details>
|
||
</section>
|
||
|
||
<!-- 4. Testen & Navigation -->
|
||
<section class="card">
|
||
<h2>4. 🧪 Detektiv-Prüfung abschließen</h2>
|
||
<p>Sobald du alle Fehler behoben hast, teste deine Lösung mit:</p>
|
||
<div class="code-container">
|
||
<div class="code-header">
|
||
<span>Terminal</span>
|
||
</div>
|
||
<pre><code>python3 test_aufgabe.py</code></pre>
|
||
</div>
|
||
|
||
<div class="footer-nav">
|
||
<a href="../../index.html" class="btn btn-secondary">← Zurück zur Übersicht</a>
|
||
<a href="../01_einstieg_klassen/index.html" class="btn">Weiter zu Kapitel 01: Klassen →</a>
|
||
</div>
|
||
</section>
|
||
|
||
</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>
|
||
<script src="../../assets/gamification.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>
|
||
</html>
|