Dein Notizbuch zum Ausprobieren.

Schreib Erklärungen und Code in ein Dokument und führ ihn Zelle für Zelle aus. FiddlePad ist zum Lernen gemacht: für Schule, Studium und lange Zugfahrten.

SQL
HTML
CSS
JavaScript
Go
PHP

Kostenlos laden 0.1.0 für Windows, macOS, Linux und Android

kostenlos · offline · alles in einer Datei

FiddlePad mit einer SQL-Abfrage, ihrem Ergebnis direkt darunter und der Tabelle kunden im Datenbereich rechts

Eine Datei. Alles drin.

Ein FiddlePad-Dokument ist eine ganz normale Textdatei: Markdown mit Code-Blöcken. Wer sie bekommt, öffnet sie und drückt „Alles ausführen“.

Die Datenbank baut sich aus dem Dokument auf. Keine Installation, kein Server, kein „bei mir geht's aber“.
Bibliotheken werden eingebettet. Ein import mit Paketnamen genügt, die Datei läuft danach auch offline.
Lesbar ohne FiddlePad. Als .fiddle oder .md zeigt jeder Editor und GitHub den Text.

Joins.fiddle

# Joins verstehen

Erst die Kunden, dann ihre Bestellungen.

```csv table=kunden
id,name,stadt
1,Anna,Berlin
2,Ben,Hamburg
```

```sql
SELECT k.name, COUNT(b.id) AS bestellungen
FROM kunden k
LEFT JOIN bestellungen b ON b.kunde_id = k.id
GROUP BY k.name;
```

Was in eine Zelle passt

Text und Code wechseln sich ab. Alle Zellen teilen sich dieselbe Datenbank und dieselbe Seite.

¶ Text

Erklärungen

Markdown mit Formatierungsleiste: Überschriften, Listen, Tabellen.

SQL

Abfragen

Das Ergebnis steht als Tabelle direkt unter der Zelle.

CSV

Daten

Aus Excel einfügen oder importieren, schon ist es eine Tabelle.

HTML

Seite

Baut die Seite, die rechts live entsteht. Mit Emmet.

CSS

Gestaltung

Stylt die Seite, Zelle für Zelle nachvollziehbar.

Logik

Mit sql() auf dieselbe Datenbank, Bibliotheken per import.

Go-Syntax

Ein Interpreter mit echten Compiler-Meldungen, ohne Go zu installieren.

PHP

PHP mit PDO

Echtes PHP 8.2 auf der Dokument-Datenbank, Ausgabe als Text oder Seite.

Die Datenbank zum Anfassen

Der Datenbereich zeigt Tabellen, ein ER-Diagramm und den Stand nach jeder Zelle. So siehst du genau, was dein UPDATE gerade angerichtet hat.

Spalten anlegen, Schlüssel setzen, Werte ändern: Alles wird zu einer SQL-Zelle, damit du lernst, wie es in SQL geht.

Rechtsklick genügt →

Go-Zelle, die Kunden aus der Datenbank liest, daneben der Datenbereich mit der Tabelle kunden

ER-Diagramm: bestellungen verweist über kunde_id auf kunden

Die Seite entsteht live

HTML-, CSS- und JavaScript-Zellen bauen gemeinsam eine Seite auf. Sie läuft abgeschottet in einer Sandbox und darf trotzdem in die Datenbank schreiben.

Mit ▶ führst du eine einzelne Zelle aus, mit „Alles ausführen“ das ganze Dokument von vorn. Schritt für Schritt bleibt nachvollziehbar, was passiert.

JavaScript-Zellen links, rechts die fertige Seite mit Kundenliste und Bestellungen

FiddlePad im dunklen Design auf einem Tablet: HTML- und CSS-Zellen und die Seite daneben

Am Rechner und auf dem Tablet

FiddlePad läuft auf Windows, macOS, Linux und Android-Tablets. Mehrere Dokumente als Reiter, hell oder dunkel, Deutsch oder Englisch.

Windows
macOS
Linux
Android

FiddlePad laden

Version 0.1.0 · Freeware: kostenlos nutzen und weitergeben, privat, in Schule, Studium und Beruf.

Windows

10 und 11 · 64 Bit · 15 MB

ZIP auspacken und FiddlePad.exe starten. Keine Installation nötig.

ZIP laden

macOS

ab macOS 12 · Intel und Apple Silicon · 29 MB

ZIP öffnen, FiddlePad.app in „Programme“ ziehen. Beim ersten Start: Rechtsklick → Öffnen.

ZIP laden

Linux

x64 · GTK 4 und WebKitGTK 6 · 15 MB

Auspacken, ./install.sh richtet Menüeintrag und .fiddle-Dateien ein. Z. B. Ubuntu 24.04+, Debian 13, Fedora 40+.

tar.gz laden

Android

Tablets ab Android 5 · 25 MB

APK öffnen und installieren. Android fragt einmal, ob der Browser Apps installieren darf.

APK laden

Prüfsummen: SHA256SUMS. Unter Windows z. B. mit certutil -hashfile Datei SHA256 prüfen.