🐛 Bug melden · 💡 Feature wünschen
Ein moderner, lokaler Fortschritts-Tracker für die Fachinformatiker Abschlussprüfung Teil 1. Keine Anmeldung. Kein Tracking. Deine Daten gehören dir.
Das Projekt ist live und einsatzbereit gehostet:
Der AP1 Tracker wurde entwickelt, um Fachinformatikern eine strukturierte Übersicht über die Lerninhalte der Abschlussprüfung Teil 1 zu geben.
Das Ziel war eine „Offline-First" Web-App, die sich wie eine native Anwendung anfühlt, aber komplett im Browser läuft. Der Fokus lag auf sauberem Code, Performance und maximalem Datenschutz.
- Google Play Store Release Ready: 14-tägige geschlossene Testphase mit Testern erfolgreich abgeschlossen, Vorbereitung des weltweiten Rollouts und Android 16 (API-Level 36) Konformität.
- Einklappbare Banner mit Persistenz: Community- und Schul-Hinweise lassen sich platzsparend einklappen (Zustand wird im
localStoragegespeichert). - Discord-Lerncommunity: Direkte Integration unserer Community für AP1 & AP2 Lerngruppen, Prüfungsaustausch und Release-Ankündigungen.
- Service Worker & Cache-Busting: Bereinigtes Caching (
v2.7.0) für nahtlose Updates ohne manuellen Hard Refresh.
- Persistent Storage: Speicherung des Lernfortschritts via
LocalStorage(bleibt nach Neustart erhalten). - Gamification: Ränge, Streaks und Konfetti-Belohnungen für Motivation.
- Focus Timer: Integrierter Pomodoro-Timer für effektive Lernphasen.
- Smart Search: Echtzeit-Filterung und direkte Google-Suche für Themen.
- Responsive Design: Optimiert für Desktop und Mobile (Tailwind CSS).
- Import/Export: JSON-basierte Backup-Funktion der eigenen Daten.
- Lernkarten: 1.228 Karten für alle 27 Themen (Anki-Style mit Strategie-Modus und Tastatur-Shortcuts).
- Safety-Fixes: Import-Validierung, Storage-Monitoring, Corrupt-Data-Protection.
- Glossar & Eselsbrücken: Interaktiver, offline-fähiger Spickzettel für 100 IHK-Fachbegriffe mit Merkhilfen, Kategorie- und Buchstabensuche sowie Merkliste.
Dieses Projekt ist ein Showcase für moderne Web-Entwicklung mit KI-Unterstützung. Es wurde bewusst auf komplexe Frameworks (React/Vue) verzichtet, um "Vanilla Web Technologies" auszureizen.
| Bereich | Technologie |
|---|---|
| Frontend | HTML5, Vanilla JavaScript (ES6+) |
| Styling | Tailwind CSS (Lokal eingebunden) |
| Icons | Lucide Icons (Lokal gehostet) |
| Animation | Canvas Confetti |
| IDE | VS Code |
| AI Pair Programming | API-Unterstützung durch Gemini, Perplexity und die MiniMaxM3 API |
Datenschutz war ein Kernaspekt der Architektur. Um das Projekt rechtssicher und datensparsam bereitzustellen:
- Keine Cookies: Es werden keine Tracking-Cookies gesetzt.
- Keine externen Requests: Alle Bibliotheken (Tailwind, Lucide, JS) liegen lokal auf dem Server. Es fließen keine Daten an Google-Server oder CDNs (USA).
- Local Data: Alle User-Eingaben bleiben auf dem Endgerät des Nutzers.
- Google Play Store Release: 14-Tage-Testphase mit Testern erfolgreich abgeschlossen, Vorbereitung auf weltweiten Rollout und Android 16 (API-Level 36).
- Interaktive Banner: Info- und Schulbereiche sind nun einklappbar mit Status-Speicherung (
localStorage). - Community-Integration: Direkte Anbindung an den Discord-Lernkanal für AP1 & AP2 Lerngruppen.
- Wartung & Cache: Cache-Busting auf Version v2.7.0 aktualisiert.
- Glossar & Eselsbrücken: Neue Übersichtsseite (
glossar.html) mit 100 wichtigen Begriffen und einprägsamen Gedächtnishilfen für die Prüfung. - Kategorie- & Buchstabensuche: Responsiver Filter mit Dropdown auf Mobilgeräten und Wrapped-Pills auf Desktop zur Vermeidung von Überläufen.
- Favoriten-Merkliste: Nutzer können Begriffe als Favoriten markieren – dank LocalStorage bleibt die Auswahl dauerhaft gespeichert.
- Discord-Server: Promotion-Button zur Integration der neuen Lern-Community.
- SQL-Labor: Neue Übungs-Seite (
sql.html) mit 10 Grundlagen-Aufgaben rund um SELECT, WHERE, ORDER BY, LIMIT, DISTINCT und Aggregationen. - Mock-SQL-Engine: Leichtgewichtiger JS-Parser statt WASM – komplett offline-fähig, blitzschnell und mit Schema-Explorer.
- Gamification: XP- und Streak-System mit Feedback-Hints und Lösungsweg bei Fehlern.
- Service Worker & Caching (v2.5.0): Caching von
sql.htmlundsql.jsim Service Worker zur vollen Offline-Unterstützung des SQL-Labors sowie Aktualisierung aller Asset-Tags.
- Subnetz- & IP-Trainer: Dediziertes IP-Übungs-Labor (
subnet.html) zur Berechnung von Netz-IDs, Masken, Broadcast-IPs, Host-Kapazitäten (inklusive Binär-Erklärungen) und IPv6-Kompression nach IHK-Standards. - Mobiles Hamburger-Menü: Ausziehbarer Navigation Drawer für ein sauberes Layout und verbesserte Bedienbarkeit auf mobilen Geräten.
- Service Worker & Caching (v2.4.3): Caching von
subnet.htmlundsubnet.jsim Service Worker zur vollen Offline-Unterstützung des IP-Trainers sowie Aktualisierung aller Asset-Tags.
- 4-stufiges Confidence-Rating: Anki-inspiriertes Bewertungssystem (Sofort, Nachgedacht, Geraten, Nicht gewusst) statt reinem Ja/Nein, um Pseudo-Sicherheit beim Lernen zu verhindern.
- Prüfungs-Modus: Neuer Lernmodus mit halbierten Abfrageintervallen zur intensiveren Vorbereitung in den letzten Wochen vor der Prüfung.
- Automatischer Schwachstellen-Modus: Filtert Karten automatisch, um gezielt nur Fragen zu wiederholen, die man falsch beantwortet, geraten oder noch nicht sicher gelernt hat.
- Mobile UI & Performance: 2x2 Grid-Optimierungen der Buttons auf mobilen Geräten und Tastatur-Shortcuts (Tasten 1–4 sowie Pfeiltasten).
- Heatmap-Integration: Lernkarten-Sessions werden direkt als Aktivität in der Dashboard-Heatmap getrackt.
- Cache-Aktualisierung (v2.4.2): Service Worker Cache-Version und Asset-Tags aktualisiert, um sofortige Updates im Browser zu garantieren.
- Bugfix GitHub-Templates: Syntaxfehler in
bug.ymlbehoben, so dass das Bug-Formular nun reibungslos von GitHub erkannt wird. - Cache-Aktualisierung: Anhebung von CACHE_NAME auf
v2.4.1und Asset-Versioning (?v=2.4.1) durchgeführt, um automatische Updates beim Nutzer anzustoßen.
- Berufsschul-Portal: Neue Infoseite (
bildungseinrichtungen.html) für Schulen und Dozenten bezüglich datenschutzkonformem und freiem Einsatz im Unterricht. - Outreach & Feedback: Integration direkter Verlinkungen für Fehlerberichte und Feature-Wünsche im Footer sowie Google Forms für Closed-Beta-Anmeldungen.
- PWA-Support: Vollwertige Progressive Web App mit Service Worker (Offline-Caching) für 100% Offline-Fähigkeit der Lernkarten.
- Homescreen-Installation: Mobil-optimierte PWA-Meta-Tags und
apple-touch-iconfür die Homescreen-Installation auf iOS & Android. - Kaffeekasse-Modal: Neues Spenden-Modal mit direkten Optionen für PayPal (spendenfrei) und Buy Me a Coffee.
- Theme-Konsistenz: Vereinheitlichung der theme-color Meta-Tags und des PWA-Brandings auf allen Unterseiten.
- Modul-Fortschrittskreise: Zirkuläre SVG-Verlaufsringe visualisieren den Lernfortschritt pro Modul und leuchten grün bei 100%
- Tastatur-Shortcuts: Lernkarten-Steuerung über Leertaste, Eingabe, Pfeiltasten und Esc (ausführliche Erklärungen in der neuen Hilfe-Sektion)
- Aktivitäts-Graph: Erhöhung des Aktivitätszeitfensters von 40 auf 80 Tage für einen besseren Lernüberblick
- Hilfe-System: Integration einer ausführlichen Hilfeseite (
help.html) mit praktischen Tipps zu Caching, Backups und Fehlerberichten
- Lucide Icons: Komplette Migration auf ressourcenschonende Vektorgrafiken (vollständig offline-fähig)
- Sleek Header Tiles: Modernisierung des Navigations-Headers im Kacheldesign mit flüssigen Hover-Animations
- Lernkarten-Fixes: Fehlerbehebung bei den Trainings-Modi, optimierte Textgrößen und verbesserte Layout-Zentrierung
- Fokus-Timer: Play/Pause-Steuerung und Widget-Layout-Zentrierung korrigiert
- Mobile Optimierung: Responsive Kachelgrößen und optimierte Spacings für kleinere Bildschirme
- Update-Notification Modal: Informiert Nutzer über neue Features & Lernkarten
- SEO-Optimierung: Google Indexierung für alle Fachrichtungen (FI-AE, FI-SI, FI-DP, Digitale Vernetzung)
- Sitemap & robots.txt: Für bessere Suchmaschinen-Integration
- Structured Data: Schema.org Markup für EducationalApplication
- Meta-Tags: Optimierte Beschreibungen & Keywords für alle Fachrichtungen der Abschlussprüfung
- Lernkarten-System: 1.228 Karten für alle 27 Themen (optimiert für AP1)
- Safety-Fixes: Import-Validierung, Storage-Monitoring, Corrupt-Data-Protection
- Smart Focus 2.0: Intelligente Empfehlung (Gewicht + Fortschritt + Reps)
- Firefox-Fix: Lernkarten-Button jetzt in allen Browsern klickbar
- Modal: Full-Screen Design (Strategie-Modus + Freies Training)
- Optimiert: Pseudocode-Fragen, Diagramm-Fragen, Verständnis-Fragen
- AP1 Themen bereinigt (SQL, RAID, SAN, Rechtsformen entfernt)
- Prüfungs-Timer auf Herbst 2026 (30.09.) aktualisiert
- Kaufmännische Basics & Marktformen präzisiert
- Google Play Store Release: Öffentlicher Store-Rollout für Android-Geräte (Android 16 / API-Level 36).
- Closed-Beta-Test: 14-Tage-Testphase im Google Play Store erfolgreich abgeschlossen.
- Prüfungs-Simulator: Zufällige Fragenkombinationen zur Simulation der echten Abschlussprüfung.
- Detaillierte Lernzettel: Download-Bereich für komprimierte Zusammenfassungen (Cheat Sheets).
- PWA Support: Installation als App auf dem Homescreen und Offline-Caching.
Alle Lerninhalte wurden nach bestem Wissen und Gewissen auf Basis der aktuellen amtlichen Rahmenlehrpläne und Prüfungsanforderungen zusammengestellt. Ich gebe mein Bestes, alles aktuell und korrekt zu halten, übernehme jedoch keine Gewähr für die Vollständigkeit oder Richtigkeit der prüfungsrelevanten Themen.
Gefällt dir das Projekt? Unterstütze meine Arbeit gerne mit einem Kaffee!
Dieses Projekt ist unter der GNU Affero General Public License v3.0 (AGPLv3) lizenziert.