Workshop und Stationen
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Schreiben und führen Sie JavaScript, Python und HTML mit sofortiger Ausgabe aus — ein sicherer Ort, um Code live zu demonstrieren und Beispiele zu behalten, die Sie erneut öffnen können.
KI kann entwerfen. Sie entscheiden, was die Klasse sieht.
Was Code Sandbox ist
Code Sandbox ist ein Browser-Code-Runner für den Unterricht. Schreiben Sie JavaScript oder Python (via Pyodide) und sehen Sie die Konsolenausgabe sofort, oder führen Sie eine HTML-Dokumentvorschau aus — drücken Sie Run, sehen Sie das Ergebnis, behalten Sie das Beispiel für das nächste Mal.
Das zählt, weil Demos sterben, wenn Setup im Weg ist. Hier geht es um das Snippet und die Ausgabe, nicht darum, vor einer unruhigen Klasse eine Toolchain zu installieren.
Warum Lehrkräfte Code Sandbox nutzen
Sofortige JS- und Python-Demos
Zeigen Sie ein Skript und seine Konsolenausgabe, ohne den Workshop zu verlassen.
Algorithmus-Visualisierungen in HTML
Sortier- und Canvas-Vorlagen, die Prozess sichtbar machen, nicht nur druckbar.
Schnelle Daten-Snippets
Kleine Analysescripte, wenn Sie schnell eine Zahlengeschichte brauchen.
Mini-interaktive Quizzes
HTML-Einstiege, die Sie für eine kurze Abrufaktivität umformen können.
Auf TeachForge ist Code Sandbox die Run-and-Console-Schwester von HTML / CSS / JS — wählen Sie Sandbox für Snippets; wählen Sie HTML / CSS / JS für gestuftes Seitenverfassen.
In der Code Sandbox Station
Wie der übrige Workshop hält die Station Quelle und Ergebnis nah — mit einem bewussten Run-Schritt.
- Sprach-Pills für JavaScript, Python (Pyodide) und HTML
- Run-zur-Vorschau mit Konsolenausgabe oder einem HTML-iframe-Ergebnis
- Nach Sprache gefilterte Vorlagen damit Einstiege zum gewählten Modus passen
- Quelle herunterladen wenn Sie die Datei auf Ihrem Gerät wollen
- Als Sprache + Code-JSON speichern für Wiederverwendung überall
- Teilen und Workshop-Chrome konsistent mit den anderen Stations
Wie ein Snippet zum Ergebnis wird
Wählen Sie eine Sprache und laden Sie eine Vorlage oder tippen Sie Code
Halten Sie das Beispiel klein genug, um es in einem Atemzug zu unterrichten.
Run drücken
Python lädt Pyodide bei Bedarf; JS und HTML erscheinen sofort in der Vorschau.
Speichern, herunterladen oder wiederverwenden
Behalten Sie das Snippet für die nächste Gruppe, oder tragen Sie die Idee später in eine vollere Station.
Ein Snippet. Jede Stundenversion davon.
Code Sandbox ist absichtlich leicht: Wiederverwendung kommt von Sprachvorlagen und gespeichertem Sprache + Code-JSON, nicht von einem großen parametrischen Katalog. Das ist der Punkt — schnelle Demos, die Sie erneut öffnen können, keine zweite Seiten-Autoren-Station.
Ändern Sie es während des Unterrichts
Bearbeiten Sie eine Zeile, drücken Sie Run und zeigen Sie, was sich geändert hat.
Beispiel behalten, Herausforderung variieren
Die morgige Klasse kann dasselbe Gerüst mit einer schwierigeren Wendung treffen.
Portabel bleiben
Laden Sie die Quelle herunter oder öffnen Sie das JSON dort erneut, wo Sie als Nächstes unterrichten.
Bei Bedarf aufsteigen
Wechseln Sie zu HTML / CSS / JS, wenn Stufen, Themes und eigenständiger Export wichtiger sind als Run.
Wenn Sie Build-along-Stufen und parametrische Seitenvariablen brauchen, öffnen Sie HTML / CSS / JS. Code Sandbox bleibt der schnelle Runner.
Fertige Snippets zum Starten
Öffnen Sie eine Sprachvorlage und formen Sie sie um:
| Bereich | Was Sie öffnen können |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
KI-Hilfe, auf Ihre Weise
Brauchen Sie einen ersten Entwurf? Nutzen Sie KI als Assistentin — prüfen, bearbeiten und freigeben, bevor etwas Lernende erreicht.
Prompt kopieren
Erzeugen Sie einen fertigen Prompt und fügen Sie ihn in das Chat-Tool ein, das Sie bereits nutzen.
Eigene GPU nutzen
Verbinden Sie in den Einstellungen einen lokalen Modell-Endpunkt und führen Sie die Generierung auf Hardware aus, die Sie kontrollieren.
Eigenen API-Schlüssel nutzen
Fügen Sie Ihren Anbieter-Schlüssel in den Einstellungen hinzu, wählen Sie das Modell und generieren Sie mit Ihrem eigenen Konto.
KI kann falsch liegen. Genau deshalb bleibt eine Lehrkraft im Kreislauf.
Nehmen Sie das Snippet dorthin, wo unterrichtet wird
- Whiteboard — legen Sie es auf das Live-Board und passen Sie es vor der Klasse an
- Quest Ladder — fügen Sie es in Fragen und Erklärungen ein
- Virtual Lab — nutzen Sie es in interaktiver Lab-Arbeit erneut
- Community — teilen Sie, was Sie gebaut haben, und bauen Sie auf dem auf, was andere Pädagoginnen und Pädagogen geteilt haben