CCNA 200-301 v1.1 — Knowledge Base

Eine komplette, offline nutzbare Lernplattform (reines HTML/CSS/JS, keine Abhängigkeiten) zur Vorbereitung auf die Cisco-Prüfung CCNA 200-301 v1.1.

Was drin ist

• 38 Themen entlang des offiziellen Blueprints v1.1 — jede der sechs Domänen ist vollständig abgedeckt (Network Fundamentals, Network Access, IP Connectivity, IP Services, Security Fundamentals, Automation & Programmability), inklusive der v1.1-Neuerungen (KI/ML im Netzwerkbetrieb, Terraform, Cloud-Managed-Zugriff).
• Quiz pro Thema mit Erklärungen und Link zur Theorie; Antwortoptionen werden gemischt, Ergebnisse gespeichert.
• Flashcards pro Thema mit Tastatursteuerung (Leertaste, Pfeiltasten, S = mischen).
• Prüfungs-Guide: Fakten zur Prüfung, Fragetypen, Pro-Tipps aus dem Cisco Certification Guide, Gewichtung der Domänen, Blueprint-Verben.
• Blueprint-Checkliste: alle 53 offiziellen Prüfungspunkte zum Abhaken, jeweils mit Verb-Stufe (Beschreiben / Interpretieren / Konfigurieren) und Links zu den passenden Themen.
• 10-Wochen-Lernplan mit Fortschrittsanzeige.
• Prüfungssimulation: 20/40/60 Fragen, gezogen nach der offiziellen Domänengewichtung, mit Timer, kein Zurückblättern, Auswertung pro Domäne, Verlauf.
• CLI-Cheatsheet: über 180 IOS-Befehle nach Aufgabe gruppiert, durchsuchbar, Klick kopiert den Befehl.
• Ressourcen & Glossar aus dem offiziellen Cisco CCNA Certification Guide.
• Tägliche Wiederholung (Spaced Repetition): jede Flashcard wird mit „Nicht gewusst / Schwer / Gewusst“ bewertet und wandert durch sechs Boxen (1 → 3 → 7 → 14 → 30 → 60 Tage). Fällige Karten werden auf dem Dashboard angezeigt, Sessions mischen fällige und neue Karten.
• Fehler-Pool: falsch beantwortete Quiz- und Simulationsfragen landen automatisch im Pool; „Meine Fehler üben“ fragt sie ab, bis sie zweimal in Folge richtig waren.
• Dashboard: Prüfungsdatum mit Countdown und empfohlenem Tempo, Streak mit 14-Tage-Verlauf, Tagesziel (Karten, Fragen, Thema), „Weiter lernen“ zur letzten Position.
• Subnetting-Trainer: zufällige Aufgaben (Netz bestimmen, Maske ↔ CIDR, Wildcard, gleiches Subnetz?, Subnetz planen) mit Timer, Lösungsweg in Binärdarstellung und Statistik.
• Lesestatus: ein Thema gilt erst als gelesen, wenn man eine textlängenabhängige Mindestzeit (30 s bis 2,5 Min) darin verbracht und bis zum Ende gescrollt hat, oder es manuell abhakt. Lesezeit-Schätzung im Header, Fortschrittsbalken unter der Kopfzeile.
• Responsiv: zentrierter Inhalt auf grossen Bildschirmen, untere Navigationsleiste und Wischgesten bei Flashcards auf dem Handy.
• Export/Import des Lernstands unter Einstellungen: als Datei oder über die Zwischenablage; Import wahlweise zusammenführen (höhere Scores, jüngere Kartenstände gewinnen) oder ersetzen. So wandert der Fortschritt zwischen PC und Handy.
• PWA: installierbar (Manifest, Icons), offline nutzbar (Service Worker cached die App-Shell), Update-Hinweis bei neuer Version. Bei Deploys ?v=N in index.html und CACHE in sw.js gemeinsam erhöhen.
• Glossar-Tooltips: Abkürzungen im Text (DAI, CAPWAP, SAE …) erklären sich beim Darüberfahren oder Antippen. Verwandte Themen am Ende jedes Themas, einklappbare Domänen in der Sidebar, kurze Einführung beim ersten Besuch.
• Volltextsuche über alle Inhalte (Theorie-Abschnitte, Befehle, Glossar, Blueprint, Flashcards, Quizfragen): Suchfeld in der Kopfzeile mit Live-Vorschlägen, Strg+K oder / von überall, Treffer werden im Thema hervorgehoben.
• Inhaltsverzeichnis pro Thema, Kopier-Button auf jedem Code-Block, „Nach oben“-Button, Druckansicht.
• Dark Mode, Hash-Routing (Themen sind verlinkbar), Fortschritt im localStorage.

Starten

Einfach index.html im Browser öffnen. Alternativ einen kleinen Webserver starten:

python -m http.server 8080

und http://localhost:8080 aufrufen.

Struktur

index.html            Grundgerüst, lädt Daten und App
css/style.css         Styles (inkl. Dark Mode)
js/data.js            Ursprüngliche 14 Kernthemen + Quiz + Flashcards + Registry-Helfer
js/topics/01-06*.js   Erweiterungen pro Domäne (registerTopic / extendTopic)
js/exam.js            Prüfungsfakten, Blueprint v1.1, Lernplan, Ressourcen, Glossar, CLI-Befehle
js/search.js          Volltextsuche (Index, Ranking, Ergebnisseite, Topbar-Dropdown), Topic-Enhancements
js/learn.js           Spaced Repetition, Fehler-Pool, Aktivität/Streak, Prüfungsdatum, Dashboard
js/subnet.js          Subnetting-Trainer
js/enhance.js         Glossar-Tooltips (Abkürzungen), verwandte Themen
js/settings.js        Einstellungen, Export/Import, PWA-Installation, Einführung
sw.js                 Service Worker (Offline-Cache)
manifest.webmanifest  PWA-Manifest, Icons unter icons/
js/app.js             Rendering, Routing, Quiz, Flashcards, Guide, Simulation, Cheatsheet

Neues Thema hinzufügen

In einer Datei unter js/topics/:

registerTopic({
  id: "mein-thema", domain: "IP Services", domainPct: "10%", icon: "🧩",
  title: "Mein Thema", tags: ["Blueprint 4.x"],
  content: `<div class="content-section"><h3>…</h3></div>`
}, {
  after: "dns",                 // Position innerhalb der Domäne (oder before: "…")
  quiz: [{ q, options: [4], correct: 0, explanation, theoryRef: "mein-thema" }],
  flashcards: [{ front, back }]
});

Anschließend den Blueprint-Punkt in js/exam.js (BLUEPRINT[…].items[…].refs) auf die neue ID zeigen lassen.

Quellen

• Cisco, CCNA Exam v1.1 (200-301) Exam Topics, 2024
• Cisco, CCNA Certification Guide 2024 V8 (Study Guide, Exam Success, Resources, Vocabulary, CLI-Cheatsheet)