Workshop og stasjoner
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Skriv og kjør JavaScript, Python og HTML med umiddelbar utdata – et trygt sted å demonstrere kode i sanntid og beholde eksempler du kan åpne på nytt.
KI kan lage utkast. Du bestemmer hva klassen ser.
Hva Code Sandbox er
Code Sandbox er en nettleserbasert kodekjører for undervisning. Skriv JavaScript eller Python (via Pyodide) og se konsollutdata umiddelbart, eller kjør en HTML-dokument forhåndsvisning – trykk Kjør, se resultatet, behold eksemplet til neste gang.
Dette er viktig fordi demonstrasjoner dør når oppsettet står i veien. Her er poenget kodenissen og utdata, ikke å installere en verktøykjede foran en rastløs klasse.
Hvorfor lærere bruker Code Sandbox
Umiddelbare JS- og Python-demoer
Vis et skript og dens konsollutdata uten å forlate Workshop.
Algoritmiske visuelle elementer i HTML
Sorterings- og canvas-mal som gjør prosessen synlig, ikke bare skrivbar ut.
Raskt datauttrekk
Lille analyse-skripter når du trenger en tallfortelling raskt.
Små interaktive quizer
HTML-startere du kan forme om til en kort gjenopptaksaktivitet.
På TeachForge er Code Sandbox søsteren med Kjør- og konsollfunksjonalitet til HTML / CSS / JS – velg Sandbox for kodnisser; velg HTML / CSS / JS for stegvis sideautorisering.
Inne i Code Sandbox Station
Som resten av Workshop holder Station kildekode og resultat nær – med et bevisst Kjør-steg.
- Språkknapper for JavaScript, Python (Pyodide) og HTML
- Kjør-for-forhåndsvisning med konsollutdata eller et HTML iframe-resultat
- Mal filtrert etter språk slik at startere samsvarer modusen du valgte
- Last ned kildekoden når du vil ha filen på enheten din
- Lagre som språk + kode JSON for gjenbruk hvor som helst
- Del og Workshop-omramming konsistent med de andre Stationene
Slik en kodenisse blir et resultat
Velg et språk og last inn et mal eller skriv kode
Hold eksemplet lite nok til at det kan undervises i én pust.
Trykk Kjør
Python laster Pyodide ved behov; JS og HTML forhåndsvises umiddelbart.
Lagre, last ned eller gjenbruk
Behold kodenissen til neste gruppe, eller ta ideen videre til en mer komplett Station senere.
Én kodenisse. Hver leksjonsversjon av den.
Code Sandbox er med villett lettvekter: gjenbruk kommer fra språkmaler og lagret språk + kode JSON, ikke fra en stor parametrisert katalog. Det er poenget – raske demoer du kan åpne på nytt, ikke en annen sideautorisering Station.
Endre det mens du underviser
Rediger en linje, trykk Kjør, og vis hva som endret seg.
Behold eksemplet, variér utfordringen
Imorgen sin klasse kan møte samme skjelett med en vanskeligere vri.
Bli bærbar
Last ned kildekoden eller åpne JSON uansett hvor du underviser neste gang.
Stiger opp når nødvendig
Flytt til HTML / CSS / JS når stadier, temaer og selvstendig eksport betyr mer enn Kjør.
Hvis du trenger byggestadier og parametriserte sidevariabler, åpne HTML / CSS / JS. Code Sandbox forblir den raske kjøreren.
Ferdige kodnisser å starte fra
Åpne et språkmal og form det om:
| Area | Hva du kan åpne |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
KI-hjelp, på din måte
Trenger du et førsteutkast? Bruk KI som assistent — deretter gjennomgå, rediger og godkjenn før noe når elevene.
Kopier prompten
Generer en ferdig prompt og lim den inn i chat-verktøyet du allerede bruker.
Bruk din egen GPU
Koble til et lokalt modellendepunkt i innstillingene og kjør generering på maskinvare du styrer.
Bruk din egen API-nøkkel
Legg til leverandørnøkkelen i innstillingene, velg modell og generer med din egen konto.
KI kan ta feil. Det er nettopp derfor en lærer forblir i loopen.
Ta kodenissen der undervisningen skjer
- Whiteboard — legg det på den live tavlen og juster det foran klassen
- Quest Ladder — slipp det inn i spørsmål og forklaringer
- Virtual Lab — gjenbruk det i interaktivt labarbeid
- Community — del det du bygde, og bygg videre på det andre undervisere delte