Workshop och stationer
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Skriv och kör JavaScript, Python och HTML med omedelbar utdata — en säker plats att visa kod live och behålla exempel du kan öppna igen.
AI kan ta fram ett utkast. Du avgör vad klassen ser.
Vad Code Sandbox är
Code Sandbox är en webbläsarkodkörare för undervisning. Skriv JavaScript eller Python (via Pyodide) och se konsolutdata direkt, eller kör en HTML-dokumentförhandsvisning — tryck Run, se resultatet, behåll exemplet till nästa gång.
Det spelar roll eftersom demoer dör när setup kommer i vägen. Här är poängen snutten och utdata, inte att installera en verktygskedja framför en orolig klass.
Varför lärare använder Code Sandbox
Omedelbara JS- och Python-demoer
Visa ett skript och dess konsolutdata utan att lämna Workshop.
Algoritmvisualiseringar i HTML
Sorterings- och canvasmallar som gör processen synlig, inte bara utskrivbar.
Snabba datasnutttar
Små analysskript när du behöver en talberättelse snabbt.
Mini-interaktiva quiz
HTML-starter du kan forma om för en kort retrieval-aktivitet.
På TeachForge är Code Sandbox Run-and-console-systern till HTML / CSS / JS — välj Sandbox för snuttar; välj HTML / CSS / JS för stegvis sidförfattande.
Inne i Code Sandbox Station
Som i resten av Workshop håller Stationen källa och resultat nära — med ett medvetet Run-steg.
- Språkpiller för JavaScript, Python (Pyodide) och HTML
- Run-to-preview med konsolutdata eller ett HTML-iframe-resultat
- Mallar filtrerade efter språk så att starter matchar det läge du valde
- Ladda ner källa när du vill ha filen på din enhet
- Spara som språk + kod-JSON för öppna-igen-var-som-helst-återanvändning
- Dela och Workshop-chrome konsekvent med de andra Stationerna
Hur en snutt blir ett resultat
Välj ett språk och ladda en mall eller skriv kod
Håll exemplet litet nog att undervisa i ett andetag.
Tryck Run
Python laddar Pyodide vid behov; JS och HTML förhandsvisas omedelbart.
Spara, ladda ner eller återanvänd
Behåll snutten för nästa grupp, eller bär idén in i en fylligare Station senare.
En snutt. Varje lektionsversion av den.
Code Sandbox är medvetet lättviktig: återanvändning kommer från språkmallar och sparad språk + kod-JSON, inte från en stor parametrisk katalog. Det är poängen — snabba demoer du kan öppna igen, inte en andra sidförfattar-Station.
Ändra det medan du undervisar
Redigera en rad, tryck Run och visa vad som ändrades.
Behåll exemplet, variera utmaningen
Morgondagens klass kan möta samma stomme med en svårare twist.
Håll dig portabel
Ladda ner källa eller öppna JSON igen var du undervisar härnäst.
Avancera när det behövs
Gå till HTML / CSS / JS när steg, teman och fristående export spelar mer roll än Run.
Om du behöver build-along-steg och parametriska sidvariabler, öppna HTML / CSS / JS. Code Sandbox förblir den snabba köraren.
Färdiga snuttar att starta från
Öppna en språkmall och forma om den:
| Area | Vad du kan öppna |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
AI-hjälp, på ditt sätt
Behöver du ett första utkast? Använd AI som assistent — granska, redigera och godkänn sedan innan något når eleverna.
Kopiera prompten
Skapa en färdig prompt och klistra in den i chattverktyget du redan använder.
Använd din egen GPU
Anslut en lokal modellendpoint i dina inställningar och kör generering på hårdvara du styr.
Använd din egen API-nyckel
Lägg till din leverantörsnyckel i inställningarna, välj modell och generera med ditt eget konto.
AI kan ha fel. Det är precis därför en lärare stannar kvar i loopen.
Ta snutten dit undervisningen sker
- Whiteboard — lägg det på den live Whiteboarden och justera det framför klassen
- Quest Ladder — lägg in det i frågor och förklaringar
- Virtual Lab — återanvänd det i interaktivt labbarbete
- Community — dela det du byggt, och bygg vidare på det andra pedagoger delat