Workshop e Stations
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Scrivi ed esegui JavaScript, Python e HTML con output istantaneo — un posto sicuro per dimostrare codice in diretta e tenere esempi che puoi riaprire.
L’IA può bozzare. Sei tu a decidere cosa vede la classe.
Cos’è Code Sandbox
Code Sandbox è un runner di codice nel browser per insegnare. Scrivi JavaScript o Python (via Pyodide) e vedi subito l’output della console, oppure esegui l’anteprima di un documento HTML — premi Run, osserva il risultato, conserva l’esempio per la volta successiva.
Conta perché le demo muoiono quando la configurazione si mette in mezzo. Qui il punto è lo snippet e l’output, non installare una toolchain davanti a una classe irrequieta.
Perché gli insegnanti usano Code Sandbox
Demo JS e Python istantanee
Mostra uno script e il suo output di console senza lasciare il Workshop.
Visualizzazioni di algoritmi in HTML
Modelli di ordinamento e canvas che rendono il processo visibile, non solo stampabile.
Snippet di dati rapidi
Piccoli script di analisi quando ti serve una storia numerica in fretta.
Mini quiz interattivi
Partenze HTML che puoi rimodellare per una breve attività di recupero.
Su TeachForge, Code Sandbox è il gemello Run-and-console di HTML / CSS / JS — scegli Sandbox per gli snippet; scegli HTML / CSS / JS per l’authoring di pagine a fasi.
Dentro la Code Sandbox Station
Come il resto del Workshop, la Station tiene sorgente e risultato vicini — con un passo Run deliberato.
- Pillole di linguaggio per JavaScript, Python (Pyodide) e HTML
- Run-to-preview con output di console o un risultato iframe HTML
- Modelli filtrati per linguaggio così le partenze corrispondono alla modalità scelta
- Scarica la sorgente quando vuoi il file sul tuo dispositivo
- Salva come JSON linguaggio + codice per riutilizzo riapri-ovunque
- Condivisione e chrome Workshop coerenti con le altre Station
Come uno snippet diventa un risultato
Scegli un linguaggio e carica un modello o digita codice
Tieni l’esempio abbastanza piccolo da insegnarlo in un respiro.
Premi Run
Python carica Pyodide quando serve; JS e HTML si anteprimano subito.
Salva, scarica o riutilizza
Conserva lo snippet per il gruppo successivo, o porta l’idea in una Station più completa più tardi.
Uno snippet. Ogni versione di lezione di esso.
Code Sandbox è intenzionalmente leggero: il riutilizzo arriva dai modelli di linguaggio e dal JSON linguaggio + codice salvato, non da un grande catalogo parametrico. Questo è il punto — demo rapide che puoi riaprire, non una seconda Station di authoring pagine.
Modificalo mentre insegni
Modifica una riga, premi Run e mostra cosa è cambiato.
Mantieni l’esempio, varia la sfida
La classe di domani può incontrare lo stesso scheletro con una svolta più difficile.
Resta portatile
Scarica la sorgente o riapri il JSON ovunque insegni dopo.
Passa al livello successivo quando serve
Passa a HTML / CSS / JS quando fasi, temi ed export autonomo contano più di Run.
Se ti servono fasi build-along e variabili parametriche di pagina, apri HTML / CSS / JS. Code Sandbox resta il runner rapido.
Snippet già pronti da cui partire
Apri un modello di linguaggio e rimodellalo:
| Area | Cosa puoi aprire |
|---|---|
| JavaScript | Hello World; Analisi dati; Esploratore di ricorsione; Calcolatore di geometria |
| Python | Hello World; Teoria dei numeri |
| HTML | Canvas interattivo; Visualizzatore di ordinamento; Quiz interattivo |
Aiuto IA, a modo tuo
Ti serve una prima bozza? Usa l’IA come assistente — poi rivedi, modifica e approva prima che qualcosa raggiunga gli studenti.
Copia il prompt
Genera un prompt già pronto e incollalo nello strumento di chat che usi già.
Usa la tua GPU
Collega un endpoint di modello locale nelle impostazioni ed esegui la generazione sull’hardware che controlli tu.
Usa la tua chiave API
Aggiungi la chiave del provider nelle impostazioni, scegli il modello e genera con il tuo account.
L’IA può sbagliare. È proprio per questo che un insegnante resta nel circuito.
Porta lo snippet dove avviene l’insegnamento
- Whiteboard — mettilo sulla lavagna in diretta e regolalo davanti alla classe
- Quest Ladder — inseriscilo in domande e spiegazioni
- Virtual Lab — riutilizzalo nel lavoro di laboratorio interattivo
- Community — condividi ciò che hai creato e parti da ciò che altri educatori hanno condiviso