Workshop en stations
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Schrijf en voer JavaScript, Python en HTML uit met directe uitvoer — een veilige plek om code live te demonstreren en voorbeelden te bewaren die je opnieuw kunt openen.
AI kan een concept maken. Jij bepaalt wat de klas ziet.
Wat Code Sandbox is
Code Sandbox is een browser-coderunner voor lesgeven. Schrijf JavaScript of Python (via Pyodide) en zie console-uitvoer meteen, of voer een HTML-documentvoorbeeld uit — druk op Run, bekijk het resultaat, bewaar het voorbeeld voor later.
Dat telt omdat demo’s sterven wanneer setup in de weg zit. Hier draait het om de snippet en de uitvoer, niet om een toolchain te installeren voor een onrustige klas.
Waarom docenten Code Sandbox gebruiken
Directe JS- en Python-demo’s
Laat een script en de console-uitvoer zien zonder de Workshop te verlaten.
Algoritmevisuals in HTML
Sorteer- en canvassjablonen die proces zichtbaar maken, niet alleen printbaar.
Snelle datasnippets
Kleine analysescripts wanneer je snel een getallenverhaal nodig hebt.
Mini interactieve quizzen
HTML-starters die je kunt omvormen voor een korte retrieval-activiteit.
Op TeachForge is Code Sandbox de Run-and-console-sibling van HTML / CSS / JS — kies Sandbox voor snippets; kies HTML / CSS / JS voor staged pagina-auteurschap.
In de Code Sandbox Station
Net als de rest van de Workshop houdt de Station bron en resultaat dicht bij elkaar — met een bewuste Run-stap.
- Taalpills voor JavaScript, Python (Pyodide) en HTML
- Run-to-preview met console-uitvoer of een HTML-iframe-resultaat
- Sjablonen gefilterd op taal zodat starters passen bij de modus die je koos
- Download bron wanneer je het bestand op je apparaat wilt
- Opslaan als language + code JSON voor hergebruik overal opnieuw openen
- Delen en Workshop-chrome consistent met de andere Stations
Hoe een snippet een resultaat wordt
Kies een taal en laad een sjabloon of typ code
Houd het voorbeeld klein genoeg om in één adem te onderwijzen.
Druk op Run
Python laadt Pyodide wanneer nodig; JS- en HTML-voorbeeld starten meteen.
Opslaan, downloaden of hergebruiken
Bewaar de snippet voor de volgende groep, of neem het idee later mee naar een vollere Station.
Eén snippet. Elke lesversie ervan.
Code Sandbox is bewust lichtgewicht: hergebruik komt van taalsjablonen en opgeslagen language + code JSON, niet van een grote parametrische catalogus. Dat is het punt — snelle demo’s die je opnieuw kunt openen, geen tweede pagina-auteur-Station.
Wijzig het terwijl je lesgeeft
Bewerk een regel, druk op Run, en laat zien wat er veranderde.
Houd het voorbeeld, varieer de uitdaging
De klas van morgen kan hetzelfde skelet zien met een moeilijkere twist.
Blijf draagbaar
Download bron of open de JSON opnieuw waar je hierna lesgeeft.
Stap over wanneer nodig
Ga naar HTML / CSS / JS wanneer stadia, thema’s en standalone export belangrijker zijn dan Run.
Als je build-along-stadia en parametrische paginavariabelen nodig hebt, open HTML / CSS / JS. Code Sandbox blijft de snelle runner.
Kant-en-klare snippets om mee te beginnen
Open een taalsjabloon en vorm het om:
| Gebied | Wat je kunt openen |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
AI-hulp, op jouw manier
Eerste concept nodig? Gebruik AI als assistent — bekijk, bewerk en keur goed voordat iets bij leerlingen komt.
Kopieer de prompt
Maak een kant-en-klare prompt en plak die in de chattool die je al gebruikt.
Gebruik je eigen GPU
Koppel een lokaal modeleindpunt in je instellingen en voer generatie uit op hardware die jij beheert.
Gebruik je eigen API-sleutel
Voeg de sleutel van je provider toe in de instellingen, kies het model en genereer met je eigen account.
AI kan ernaast zitten. Precies daarom blijft een docent in de lus.
Neem de snippet mee waar het lesgeven plaatsvindt
- Whiteboard — zet het op het live-bord en pas het aan voor de klas
- Quest Ladder — plaats het in vragen en uitleg
- Virtual Lab — hergebruik het in interactief labwerk
- Community — deel wat je hebt gemaakt, en bouw verder op wat andere docenten deelden