Workshop และสถานี
TeachFORGE.ai
Workshop / โค้ด แซนด์บ็อกซ์
สถานี โค้ด แซนด์บ็อกซ์
เขียนและรัน JavaScript, Python และ HTML พร้อมเอาต์พุตทันที — ที่ปลอดภัยสำหรับสาธิตโค้ดสดและเก็บตัวอย่างที่เปิดใหม่ได้
AI ร่างได้ คุณตัดสินว่าชั้นเรียนจะเห็นอะไร
โค้ด แซนด์บ็อกซ์ คืออะไร
โค้ด แซนด์บ็อกซ์ คือตัวรันโค้ดในเบราว์เซอร์สำหรับการสอน เขียน JavaScript หรือ Python (ผ่าน Pyodide) แล้วเห็นเอาต์พุตคอนโซลทันที หรือรันตัวอย่างเอกสาร HTML — กด Run ดูผล เก็บตัวอย่างสำหรับครั้งหน้า
เรื่องนี้สำคัญเพราะการสาธิตตายเมื่อการตั้งค่าขวาง นี่จุดคือชิ้นโค้ดและเอาต์พุต ไม่ใช่การติดตั้งชุดเครื่องมือต่อหน้าชั้นที่กระสับกระส่าย
เหตุผลที่ครูใช้ โค้ด แซนด์บ็อกซ์
สาธิต JS และ Python ทันที
แสดงสคริปต์และเอาต์พุตคอนโซลโดยไม่ออกจาก Workshop
ภาพอัลกอริทึมใน HTML
เทมเพลตการเรียงและ แคนวาส ที่ทำให้กระบวนการมองเห็นได้ ไม่ใช่แค่พิมพ์ได้
ชิ้นข้อมูลเร็ว
สคริปต์วิเคราะห์เล็กเมื่อต้องการเรื่องตัวเลขเร็ว
แบบทดสอบโต้ตอบจิ๋ว
ตัวเริ่ม HTML ที่ปรับรูปสำหรับกิจกรรมดึงความจำสั้น
บน TeachForge โค้ด แซนด์บ็อกซ์ คือพี่น้อง Run-and-คอนโซล ของ HTML / CSS / JS — เลือก แซนด์บ็อกซ์ สำหรับชิ้นโค้ด เลือก HTML / CSS / JS สำหรับการแต่งหน้าเป็นขั้น
ภายในสถานี โค้ด แซนด์บ็อกซ์
เหมือนส่วนอื่นของ Workshop สถานีรักษาต้นทางและผลไว้ใกล้กัน — พร้อมขั้น Run ที่ตั้งใจ
- เม็ดภาษา สำหรับ JavaScript, Python (Pyodide) และ HTML
- Run-to-ดูตัวอย่าง พร้อมเอาต์พุตคอนโซลหรือผล iframe HTML
- เทมเพลตกรองตามภาษา เพื่อให้ตัวเริ่มเข้ากับโหมดที่เลือก
- ดาวน์โหลดต้นทาง เมื่อต้องการไฟล์ในเครื่อง
- บันทึกเป็นภาษา + โค้ด JSON สำหรับใช้ซ้ำเปิดที่ไหนก็ได้
- แชร์และโครม Workshop สอดคล้องกับสถานีอื่น
ชิ้นโค้ดกลายเป็นผลอย่างไร
เลือกภาษาแล้วโหลดเทมเพลตหรือพิมพ์โค้ด
เก็บตัวอย่างให้เล็กพอสอนในลมหายใจเดียว
กด Run
Python โหลด Pyodide เมื่อจำเป็น JS และ HTML ดูตัวอย่างทันที
บันทึก ดาวน์โหลด หรือใช้ซ้ำ
เก็บชิ้นโค้ดสำหรับกลุ่มถัดไป หรือพาไอเดียเข้าสู่สถานีที่เต็มกว่าภายหลัง
ชิ้นโค้ดเดียว ทุกเวอร์ชันบทเรียนของมัน
โค้ด แซนด์บ็อกซ์ ตั้งใจให้เบา: การใช้ซ้ำมาจาก เทมเพลตภาษา และ ภาษา + โค้ด JSON ที่บันทึก ไม่ใช่จากแคตตาล็อกแบบพารามิเตอร์ใหญ่ นั่นคือจุด — สาธิตเร็วที่เปิดใหม่ได้ ไม่ใช่สถานีแต่งหน้าที่สอง
เปลี่ยนขณะสอน
แก้บรรทัด กด Run แล้วแสดงสิ่งที่เปลี่ยน
คงตัวอย่าง เปลี่ยนความท้าทาย
ชั้นพรุ่งนี้เจอโครงเดียวกันพร้อมบิดที่ยากขึ้นได้
พกพาได้
ดาวน์โหลดต้นทางหรือเปิด JSON ใหม่ทุกที่ที่คุณสอนต่อ
เลื่อนขั้นเมื่อจำเป็น
ย้ายเข้าสู่ HTML / CSS / JS เมื่อขั้น ธีม และการส่งออกอิสระสำคัญกว่า Run
หากต้องการขั้นสร้างตามและตัวแปรหน้าแบบพารามิเตอร์ เปิด HTML / CSS / JS โค้ด แซนด์บ็อกซ์ ยังเป็นตัวรันเร็ว
ชิ้นโค้ดสำเร็จรูปสำหรับเริ่มต้น
เปิดเทมเพลตภาษาแล้วปรับรูป:
| พื้นที่ | สิ่งที่เปิดได้ |
|---|---|
| JavaScript | สวัสดี โลก; การวิเคราะห์ข้อมูล; นักสำรวจรีเคอร์ชัน; เครื่องคำนวณเรขาคณิต |
| Python | สวัสดี โลก; ทฤษฎีจำนวน |
| HTML | แคนวาส โต้ตอบ; ตัวแสดงภาพการเรียง; แบบทดสอบโต้ตอบ |
ความช่วยเหลือจาก AI ในแบบของคุณ
ต้องการร่างแรก? ใช้ AI เป็นผู้ช่วย — แล้วตรวจทาน แก้ไข และอนุมัติก่อนสิ่งใดถึงผู้เรียน
คัดลอกพรอมต์
สร้างพรอมต์สำเร็จรูปแล้ววางในเครื่องมือแชทที่คุณใช้อยู่แล้ว
ใช้ GPU ของคุณเอง
เชื่อมจุดปลายโมเดลในเครื่องในการตั้งค่า แล้วรันการสร้างบนฮาร์ดแวร์ที่คุณควบคุม
ใช้คีย์ API ของคุณเอง
เพิ่มคีย์ผู้ให้บริการในการตั้งค่า เลือกโมเดล และสร้างด้วยบัญชีของคุณเอง
AI ผิดได้ นั่นแหละเหตุผลที่ครูต้องอยู่ในวง
นำชิ้นโค้ดไปยังที่ที่การสอนเกิดขึ้น
- Whiteboard — วางบนบอร์ดสดแล้วปรับต่อหน้าชั้นเรียน
- Quest Ladder — ใส่ในคำถามและคำอธิบาย
- Virtual Lab — ใช้ซ้ำในงานแล็บแบบโต้ตอบ
- ชุมชน — แชร์สิ่งที่คุณสร้าง และต่อยอดสิ่งที่นักการศึกษาคนอื่นแชร์