Workshop és állomások
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Írjon és futtasson JavaScriptet, Pythont és HTML-t azonnali kimenettel — biztonságos hely élő kódbemutatóhoz és újra megnyitható példákhoz.
Az MI vázlatot készíthet. Ön dönti el, mit lát az osztály.
Mi a Code Sandbox
A Code Sandbox böngészős kódfuttató a tanításhoz. Írjon JavaScriptet vagy Pythont (Pyodide-on keresztül), és lássa azonnal a konzolkimenetet, vagy futtasson HTML-dokumentum előnézetet — nyomja meg a Run gombot, nézze az eredményt, tartsa meg a példát legközelebbre.
Ez azért számít, mert a demók meghalnak, amikor a beállítás akadályoz. Itt a lényeg a részlet és a kimenet, nem egy nyugtalan osztály előtt toolchain telepítése.
Miért használják a tanárok a Code Sandboxot
Azonnali JS és Python demók
Mutasson meg egy szkriptet és annak konzol kimenetét a Workshop elhagyása nélkül.
Algoritmus vizualizációk HTML-ben
Rendezési és vászon sablonok, amelyek láthatóvá teszik a folyamatot, nem csak nyomtathatóvá.
Gyors adatrészletek
Kis elemző szkriptekek, amikor gyorsan kell egy számok története.
Mini interaktív kvízek
HTML indulópontok, amelyeket átformálhat rövid felidéző tevékenységre.
A TeachForge-on a Kódhomokozó a HTML / CSS / JS Futtatás-konzol testvére – válassza a Homokozót kódrészletekhez; a HTML / CSS / JS-t fokozott oldal szerkesztéshez.
A Kódhomokozó Állomás belseje
A Workshop többi részéhez hasonlóan, az Állomás közhöz tartja a forrást és az eredményt – egy tudatos Futtatás lépéssel.
- Nyelvi gombok JavaScript, Python (Pyodide) és HTML-hez
- Futtatás-előnézet konzol kimenettel vagy HTML iframe eredménnyel
- Nyelv szerint szűrött sablonok, így az indulópontok illeszkednek a választott módhoz
- Forrás letöltése, ha szeretné a fájlt az eszközére
- Mentés nyelv + kód JSON-ként bárhová újra nyithatóság érdekében
- Megosztás és Workshop keret más Állomásokkal összhangban
Hogyan válik a kódrészlet eredményré
Válasszon nyelvet, és töltsön be sablont, vagy írjon kódot
Tartsa a példát elég kicsin ahhoz, hogy egy lélegzetvétel alatt oktatható legyen.
Nyomja meg a Futtatást
A Python betölti a Pyodide-et, ha szükséges; a JS és HTML azonnal előnézeti.
Mentse, töltse le, vagy használja újra
Őrizze meg a kódrészletet a következő csoportnak, vagy vigye az ötletet egy teljesebb Állomásba később.
Egy kódrészlet. Minden órájának verziója.
A Kódhomokozó szándékosan könnyű: az újrahasználat nyelvi sablonokból és mentett nyelv + kód JSON-ból jön, nem pedig egy nagy parametrikus katalógusból. Ez a lényeg – gyors demók, amiket újra nyithat, nem pedig egy második oldal-szerkesztő Állomás.
Módosítsa tanítás közben
Szerkesszen egy sort, nyomja meg a Futtatást, és mutassa meg, mi változott.
Őrizze a példát, változtassa a kihívást
Holnapi osztály találkozhat ugyanazzal a vázlattal nehezebb fordulatokkal.
Maradjon hordozható
Töltse le a forrást, vagy nyissa újra a JSON-t, ahol következő alkalommal oktat.
Fokozza, ha szükséges
Lépjen át a HTML / CSS / JS-ben, ha a fázisok, témák és önálló export fontosabb, mint a Futtatás.
Ha fokozott szerkesztési fázisokra és parametrikus oldalváltozókra van szüksége, nyissa meg a HTML / CSS / JS-t. A Kódhomokozó marad a gyors futtató.
Kész kódrészletek induláshoz
Nyisson meg egy nyelvi sablont, és formálja át:
| Area | Mit nyithat meg |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
MI-súgó, az Ön módján
Kell egy első vázlat? Használja az MI-t asszisztensként — majd ellenőrizze, szerkessze és hagyja jóvá, mielőtt bármi eljutna a tanulókhoz.
Prompt másolása
Generáljon kész promptot, és illessze be a már használt chat-eszközbe.
Saját GPU használata
Csatlakoztasson helyi modellvégpontot a beállításokban, és futtassa a generálást az Ön által irányított hardveren.
Saját API-kulcs használata
Adja meg a szolgáltatói kulcsot a beállításokban, válassza ki a modellt, és generáljon a saját fiókjával.
Az MI tévedhet. Pont ezért marad a tanár a folyamatban.
Vigye a kódrészletet oda, ahol az oktatás történik
- Whiteboard — helyezze az élő táblára, és igazítsa az osztály előtt
- Quest Ladder — helyezze be kérdésekbe és magyarázatokba
- Virtual Lab — használja újra interaktív labmunkában
- Community — ossza meg, amit készített, és építsen arra, amit más oktatók megosztottak