Was macht CodeFlow?

Diese App visualisiert Code oder Quelltexte, um so anschaulicher zu machen, wie der Code funktioniert.

Automatische Visualisierung von Klassen, Methoden, Bedingungen, Schleifen und Funktionsaufrufen.

Sofort sichtbar: Konstruktor → Getter → Validierung → Verarbeitung → Ende

Farbcodierung nach Block-Typ (grün = Start/Ende, blau = Methoden/Aufrufe, orange = Bedingungen, lila = Objekte)

Perfekt zum Lernen:

Anfänger sehen sofort die tatsächliche Ausführungsreihenfolge und Kontrollstrukturen. Ideal für Lehrer und Tutoren: Komplexe Beispiele werden auf einen Blick verständlich

Großartige Lernhilfe für Selbstlerner: Orientierung im Code statt stundenlangem Debuggen im Kopf. Export als SVG oder PNG – direkt für Präsentationen, Dokumentationen oder Blogartikel nutzbar

Für wen ist es gedacht?

Programmiereinsteiger (besonders PHP, Python, Javascript, C#) aber das Prinzip ist universell) Schüler und Studenten in Informatik- und Programmierkursen, Dozenten und Bootcamp-Trainer - Jeder, der anderen (oder sich selbst) erklären will, wie ein Stück Code wirklich funktioniert.

In der neuen Version ist es nun auch möglich die linke Seite per Fullscreen-Modal herauszulösen. So behält man auch bei größeren Codes den Überblick.

Die Credits im Footer dürfen entfernt werden.

Die App läuft im Browser, sowohl online, als auch lokal.

Diese Software ist unter der WCOSL lizensiert: https://wolfram-consult.com/wcosl.html