FiddlePad

FiddlePad ist ein Notizbuch zum Ausprobieren: Erklärtext und ausführbarer Code stehen in einem Dokument, Zelle für Zelle. Gedacht ist es für alle, die HTML, CSS, JavaScript, SQL, Go oder PHP lernen – in der Schule, im Studium oder einfach auf einer langen Zugfahrt. Es läuft auf dem eigenen Rechner oder Tablet, ohne Server, ohne Konto und ohne Internet.

Was es kann

Zellen

• Text in Markdown, bearbeitet mit Formatierungsleiste, und Code-Zellen für SQL, CSV, HTML, CSS, JavaScript, Go und PHP.
• ▶ führt genau eine Zelle aus – fehlende Zellen davor laufen automatisch mit, die Datenbank springt auf den Stand vor der Zelle. „Alles ausführen“ startet das Dokument von vorn.
• Snippets je Sprache, Emmet in HTML und CSS, Zellen einklappen, verschieben und gelöschte Zellen zurückholen.

Datenbank

• Jedes Dokument hat eine eigene SQLite-Datenbank, die beim Ausführen aus dem Dokument entsteht – nichts Verstecktes, nichts Veraltetes.
• Der Datenbereich zeigt Tabellen, ein ER-Diagramm und den Stand nach jeder Zelle: So sieht man genau, was ein UPDATE angerichtet hat.
• Bearbeiten im Raster, Primär- und Fremdschlüssel, neue Spalten und Tabellen per Rechtsklick – alles wird zu einer SQL-Zelle im Dokument, damit man lernt, wie es in SQL geht.
• CSV-Import und -Export, auch mit Excel-Dateien samt Umlauten.

Seite, JavaScript und Bibliotheken

• HTML-, CSS- und JavaScript-Zellen bauen gemeinsam eine Seite, die rechts live entsteht – abgeschottet in einer Sandbox, mit sql() als Zugang zur Datenbank.
• Bibliotheken per import mit Paketnamen; FiddlePad lädt sie einmal und bettet sie ins Dokument ein, danach läuft es offline.

Go und PHP

• Go-Zellen mit Interpreter und echten Compiler-Meldungen, ohne dass Go installiert sein muss; fiddle.Query und ein normales *sql.DB für die Datenbank.
• PHP 8.2 als WebAssembly – optional, mit einem Klick eingerichtet – mit echtem PDO auf die Dokument-Datenbank, Ausgabe als Text oder als Seite.

Dokumente

• Ein Dokument ist eine Markdown-Datei (.fiddle), lesbar in jedem Editor und auf GitHub. Weitergeben heißt: Datei schicken.
• Mehrere Dokumente als Reiter, Suche über alle zuletzt geöffneten Dateien, hell und dunkel, Deutsch und Englisch.
• Auf Android-Tablets mit dem Dateiauswahldialog des Systems.

Unter der Haube

Ein Go-Programm mit Svelte-Oberfläche auf Wails v3. Die Datenbank ist SQLite in reinem Go, Go-Zellen laufen in Yaegi (auf dem Desktop in einem eigenen Prozess, damit ein Absturz nur die Zelle trifft), PHP läuft als WebAssembly in wazero, und Bibliotheken bündelt esbuild. Für Windows, macOS, Linux und Android – als Freeware: kostenlos nutzen und weitergeben.

Jetzt herunterladen