Projekt in Entwicklung

Sulqerio Code

Eine Mobile-first-Lern-App, die deutschsprachige Anfänger mit kurzen Erklärungen, direkt ausführbarem Code und verständlichem Feedback an HTML und CSS heranführt.

  • Progressive Web App
  • Learning Experience
  • Work in Progress

Ausgangslage und Ziel

Der Einstieg in HTML und CSS scheitert häufig nicht am Interesse, sondern an zu großen Lernschritten, abstrakten Erklärungen und fehlendem Feedback. Sulqerio Code zerlegt den Lernweg deshalb in kurze, aufeinander aufbauende Einheiten.

Das Ziel ist eine ruhige und verständliche Lernumgebung, in der Nutzer Code direkt ausprobieren, Fehler nachvollziehen und ihren tatsächlichen Lernfortschritt sehen können.

Projektart
Mobile-first-PWA
Zielgruppe
HTML- und CSS-Anfänger
Status
Aktive Entwicklung
Lernumfang
98 umgesetzte Einheiten
Schwerpunkt
Lernen durch Anwenden
Verfügbarkeit
Interner Prototyp

Was bereits umgesetzt ist

Die Projektansichten stammen direkt aus dem aktuellen Prototyp. Die folgenden Bereiche sind bereits funktionsfähig und werden fortlaufend geprüft und verfeinert.

Strukturierter Lernpfad

Fünf Lernstufen führen von ersten HTML-Elementen über CSS und responsive Gestaltung bis zu Praxisprojekten. Drei anschließende Prüfungen testen den Transfer.

Code direkt ausprobieren

Aufgaben, HTML- und CSS-Editor sowie eine isolierte Vorschau bilden einen zusammenhängenden Lernablauf mit unmittelbarem, ursachenbezogenem Feedback.

Gastmodus und Offline-Nutzung

Der Kernkurs kann ohne Konto begonnen werden. Bereits geladene Inhalte, Entwürfe und Lernstände bleiben auf dem Gerät verfügbar.

Fortschritt und Zertifikate

Lektionen, Prüfungen und Meilensteine werden nachvollziehbar abgebildet. Bei verbundenen Konten werden bestätigte Abschlüsse serverseitig geprüft und synchronisiert.

Einblicke in den Prototyp

Die mobile Oberfläche stellt den nächsten Lernschritt, den vollständigen Lernweg, die aktuelle Aufgabe und den erreichten Fortschritt jeweils in den Mittelpunkt.

Mobile Startseite von Sulqerio Code mit Kursfortschritt und empfohlener Lektion
Start

Der nächste Lernschritt

Die Startansicht zeigt Fortschritt, Dauer und den empfohlenen Einstieg ohne den Nutzer mit Optionen zu überladen.

Mobile Kursübersicht von Sulqerio Code mit aufeinander aufbauenden Lernstufen
Lernweg

Vom Einstieg bis zur Praxis

Die Kursübersicht macht Reihenfolge, Umfang und Freischaltung der Lernstufen transparent.

Mobile HTML-Lektion in Sulqerio Code mit Lernziel und direkt sichtbarem Codebeispiel
Lektion

Erklären, anwenden, verstehen

Jede Lektion nennt zuerst das Lernziel und führt anschließend von einem Beispiel zur eigenen Aufgabe.

Mobile Fortschrittsansicht von Sulqerio Code mit Einheiten, Trophäen und Zertifikaten
Erfolge

Nachvollziehbarer Fortschritt

Erfolge und Zertifikate stehen für überprüfbare Lernleistungen statt für bloße Nutzungsdauer.

Was vor der Veröffentlichung noch offen ist

Vor einem öffentlichen Start werden insbesondere Konto- und Datenschutzfunktionen, geräteübergreifende Tests sowie der spätere Store- und Zahlungsweg abschließend geprüft. Echte Werbung und Käufe sind im aktuellen Prototyp bewusst nicht aktiviert.

Mobile-first und barrierearm

Die Oberfläche ist ab 320 Pixel Breite ausgelegt, per Tastatur bedienbar und berücksichtigt reduzierte Bewegung sowie ausreichend große Touchziele.

Sicherer Lernraum

Vom Nutzer geschriebener Code wird in einer isolierten Vorschau ausgeführt. Fortschritt und Belohnungen folgen getrennten, überprüfbaren Regeln.

Eine eigene Lern- oder Tool-Idee?

Taylan Digital Solutions entwickelt digitale Abläufe von der ersten Struktur bis zum überprüfbaren Prototyp.

Projekt unverbindlich besprechen