Workshop și stații
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Scrie și rulează JavaScript, Python și HTML cu rezultate imediate — un loc sigur pentru a demonstra cod în direct și pentru a păstra exemple pe care le poți redeschide.
IA poate schița. Dumneavoastră decideți ce vede clasa.
Ce este Code Sandbox
Code Sandbox este un rular de cod în browser pentru predare. Scrie JavaScript sau Python (prin Pyodide) și vezi ieșirea în consolă instantaneu, sau rulează o previzualizare a unui document HTML — apasă Run, privește rezultatul și păstrează exemplul pentru data viitoare.
Acest lucru contează deoarece demonstrațiile mor când instalarea devine o piedică. Aici punctul este fragmentul și ieșirea, nu instalarea unui toolchain în fața unei clase nerăbdătoare.
De ce profesorii folosesc Code Sandbox
Demonstrații JS și Python instantanee
Afișează un script și ieșirea sa din consolă fără să părăsești Workshop-ul.
Vizualizări de algoritmi în HTML
Șabloane de sortare și canvas care fac procesul vizibil, nu doar imprimabil.
Fragmente rapide de date
Scripturi mici de analiză când ai nevoie rapid de o poveste numerică.
Quiz-uri interactive mini
Șabloane HTML pe care le poți remodela pentru o activitate scurtă de recuperare.
Pe TeachForge, Code Sandbox este frațul „Run și consolă” al HTML / CSS / JS — alege Sandbox pentru fragmente; alege HTML / CSS / JS pentru autorizare de pagini etapizate.
În interiorul Stației Code Sandbox
Ca și restul Workshop-ului, Stația ține sursa și rezultatul aproape — cu un pas deliberat de Run.
- Pill-uri de limbaj pentru JavaScript, Python (Pyodide) și HTML
- Rulare-spre-previzualizare cu ieșire în consolă sau un rezultat HTML iframe
- Șabloane filtrate după limbaj astfel încât începuturile să se potrivească modului ales
- Descarcă sursa când vrei fișierul pe dispozitivul tău
- Salvează ca JSON limbaj + cod pentru reutilizare oriunde
- Partajare și elemente Workshop consistente cu celelalte Stații
Cum devine un fragment un rezultat
Alege un limbaj și încarcă un șablon sau tastează cod
Păstrează exemplul suficient de mic pentru a fi predat într-o singură suflare.
Apasă Run
Python încarcă Pyodide când este necesar; JS și HTML se previzualizează imediat.
Salvează, descarcă sau reutilizează
Păstrează fragmentul pentru grupa următoare sau du ideea într-o Stație mai completă mai târziu.
Un singur fragment. Fiecare versiune de lecție a lui.
Code Sandbox este intenționat ușor: reutilizarea vine din șabloane de limbaj și JSON salvat limbaj + cod, nu dintr-un catalog parametric mare. Acesta este punctul — demonstrații rapide pe care le poți redeschide, nu o a doua Stație de autorizare de pagini.
Schimbați-l pe măsură ce predați
Editează o linie, apasă Run și arată ce s-a schimbat.
Păstrează exemplul, variază provocarea
Clasa de mâine se poate confrunta cu același schelet cu o torsiune mai dificilă.
Rămâi portabil
Descarcă sursa sau redeschide JSON-ul oriunde prezinți în continuare.
Progresionează când este necesar
Treci la HTML / CSS / JS când etapele, temele și exportul independent contează mai mult decât Run.
Dacă ai nevoie de etape de construcție și variabile de pagină parametrice, deschide HTML / CSS / JS. Code Sandbox rămâne rularul rapid.
Fragmente gata făcute de la care poți începe
Deschide un șablon de limbaj și remodelu-i:
| Area | Ce puteți deschide |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
Ajutor IA, în felul dumneavoastră
Aveți nevoie de o primă schiță? Folosiți IA ca asistent — apoi revizuiți, editați și aprobați înainte ca ceva să ajungă la cursanți.
Copiați promptul
Generați un prompt gata făcut și lipiți-l în instrumentul de chat pe care îl folosiți deja.
Folosiți propriul GPU
Conectați un endpoint de model local în setări și rulați generarea pe hardware pe care îl controlați.
Folosiți propria cheie API
Adăugați cheia furnizorului în setări, alegeți modelul și generați cu propriul cont.
IA poate greși. Tocmai de aceea un profesor rămâne în circuit.
Du fragmentul acolo unde are loc învățarea
- Whiteboard — puneți-l pe tabla live și ajustați-l în fața clasei
- Quest Ladder — introduceți-l în întrebări și explicații
- Virtual Lab — reutilizați-l în lucrul de laborator interactiv
- Community — partajați ce ați construit și construiți pe ceea ce au partajat alți educatori