Workshop a stanice
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Pište a spouštějte JavaScript, Python a HTML s okamžitým výstupem — bezpečné místo pro živé předvedení kódu a uchování příkladů, které můžete znovu otevřít.
AI může připravit návrh. Vy rozhodujete, co třída uvidí.
Co je Code Sandbox
Code Sandbox je prohlížečový spouštěč kódu pro výuku. Pište JavaScript nebo Python (přes Pyodide) a ihned vidíte výstup konzole, nebo spusťte náhled HTML dokumentu — stiskněte Run, sledujte výsledek, ponechte příklad na příště.
To je důležité, protože ukázky umírají, když překáží nastavení. Zde je podstatou úryvek a výstup, ne instalace toolchainu před neklidnou třídou.
Proč učitelé používají Code Sandbox
Okamžité ukázky JS a Pythonu
Ukažte skript a jeho výstup konzole, aniž byste opustili Workshop.
Vizuály algoritmů v HTML
Šablony řazení a canvas, které činí proces viditelným, ne jen tisknutelným.
Rychlé datové úryvky
Malé analytické skripty, když potřebujete číselný příběh rychle.
Mini interaktivní kvízy
HTML starty, které můžete přetvořit pro krátkou aktivitu vybavování.
Na TeachForge je Code Sandbox sourozenec Run-and-console k HTML / CSS / JS — zvolte Sandbox pro úryvky; zvolte HTML / CSS / JS pro stupňovité autorství stránek.
Uvnitř Code Sandbox Station
Stejně jako zbytek Workshopu drží stanice zdroj a výsledek blízko — s záměrným krokem Run.
- Jazykové pilulky pro JavaScript, Python (Pyodide) a HTML
- Run-to-preview s výstupem konzole nebo výsledkem HTML iframe
- Šablony filtrované podle jazyka aby starty odpovídaly režimu, který jste zvolili
- Stáhnout zdroj když chcete soubor na zařízení
- Uložit jako language + code JSON pro znovupoužití otevřít-kdekoli
- Sdílení a chrome Workshopu konzistentní s ostatními stanicemi
Jak se úryvek stane výsledkem
Zvolte jazyk a načtěte šablonu nebo napište kód
Udržte příklad dost malý, abyste jej učili na jeden nádech.
Stiskněte Run
Python načte Pyodide, když je potřeba; JS a HTML náhledují okamžitě.
Uložte, stáhněte nebo znovu použijte
Ponechte úryvek pro další skupinu, nebo později přeneste nápad do plnější stanice.
Jeden úryvek. Každá jeho verze lekce.
Code Sandbox je záměrně lehký: znovupoužití přichází z jazykových šablon a uloženého language + code JSON , ne z velkého parametrického katalogu. To je pointa — rychlé ukázky, které můžete znovu otevřít, ne druhá stanice pro autorství stránek.
Měňte to během výuky
Upravte řádek, stiskněte Run a ukažte, co se změnilo.
Zachovejte příklad, měňte výzvu
Zítřejší třída může potkat stejnou kostru s těžším zvratem.
Zůstaňte přenositelní
Stáhněte zdroj nebo znovu otevřete JSON, kdekoli budete učit dál.
Postupte, když je potřeba
Přejděte do HTML / CSS / JS, když stadia, témata a samostatný export záleží víc než Run.
Pokud potřebujete stadia build-along a parametrické proměnné stránky, otevřete HTML / CSS / JS. Code Sandbox zůstává rychlým spouštěčem.
Hotové úryvky, od kterých začít
Otevřete jazykovou šablonu a přetvořte ji:
| Area | Co můžete otevřít |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
Nápověda AI po vašem
Potřebujete první návrh? Použijte AI jako asistenta — pak zkontrolujte, upravte a schvalte, než se cokoli dostane k žákům.
Zkopírujte prompt
Vygenerujte hotový prompt a vložte jej do chatovacího nástroje, který už používáte.
Použijte vlastní GPU
Připojte lokální endpoint modelu v nastavení a spusťte generování na hardwaru, který ovládáte.
Použijte vlastní API klíč
Přidejte klíč poskytovatele v nastavení, zvolte model a generujte na vlastním účtu.
AI se může mýlit. Právě proto zůstává učitel v procesu.
Vezměte úryvek tam, kde probíhá výuka
- Whiteboard — umístěte jej na živou tabuli a upravte před třídou
- Quest Ladder — vložte jej do otázek a vysvětlení
- Virtual Lab — znovu jej použijte v interaktivní laboratorní práci
- Community — sdílejte, co jste vytvořili, a stavte na tom, co sdíleli ostatní vzdělavatelé