it-praxisportal/courses/ihk_ap1/09_trace_tabellen_trainer/index.html
Alex Mueller 2571cb8847 feat(ux): responsive kurs-sidebar und kapitel-drawer für alle 13 kurse & web-ide
- Dynamic Sidebar mit window.COURSES_MANIFEST für 13 Kurse (216 Kapitel)
- Kurswechsler Dropdown mit Direktnavigation
- Fortschrittsanzeige mit Solved-Checkmarks (✓) aus localStorage
- Responsive Off-Canvas Drawer mit Floating Action Button (☰ Kapitel) & Backdrop auf Mobile/Tablets
- Web-IDE Topbar Drawer-Button (☰ Kapitel) für unterbrechungsfreien Vollbild-Editor
- Saubere Bereinigung redundanter statischer Legacy-Sidebars
2026-09-12 13:49:46 +02:00

34 lines
No EOL
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" type="image/svg+xml" href="../../../assets/favicon.svg">
<meta charset="UTF-8">
<title>AP1 06: Datentypen, Schleifen & Trace-Tabellen (LF 5.2)</title>
<link rel="stylesheet" href="../../../assets/style.css">
<link rel="stylesheet" href="../../../assets/ihk_tools/ihk_tools.css">
</head>
<body class="bg-slate-900 text-slate-100 font-sans p-6">
<div class="container mx-auto max-w-4xl">
<div class="flex justify-between items-center mb-6">
<a href="../../../index.html" class="text-sky-400 hover:text-sky-300 font-semibold">← Zurück zur Gesamtübersicht</a>
<span class="ihk-badge ihk-badge-success">IHK AP1 Prüfungstraining</span>
</div>
<h1 class="text-3xl font-extrabold text-sky-400 mb-4">AP1 06: Datentypen, Schleifen & Trace-Tabellen (LF 5.2)</h1>
<p class="text-slate-300 text-lg leading-relaxed mb-6">Logik und Ablaufkontrolle in der Softwareentwicklung: Primitive Datentypen, Modulo-Arithmetik (MOD/DIV), logische Gatter (AND, OR, NOT, XOR), Zeilenweiser Code-Durchlauf und das Erstellen fehlerfreier Trace-Tabellen (Wertetabellen).</p>
<!-- Interaktives IHK Tool falls vorhanden -->
<div id="trace-table-container"></div><script src="../../../assets/ihk_tools/trace_table_trainer.js"></script><script>new TraceTableTrainer("trace-table-container");</script>
<!-- Praxis & Prüfungsaufgabe -->
<div class="mt-8 pt-6 border-t border-slate-700 flex justify-between items-center">
<a href="../../../index.html" class="text-slate-400 hover:text-white">🏠 Übersicht</a>
<a href="#" onclick="window.scrollTo({top: 0, behavior: 'smooth'}); return false;" class="text-sky-400 hover:underline">↑ Nach oben</a>
</div>
</div>
<script src="../../../assets/courses_manifest.js"></script>
<script src="../../../assets/course_sidebar.js"></script>
</body>
</html>