Workshop & Trạm hoạt động
TeachFORGE.ai
Workshop / Hộp cát Mã
Trạm Hộp cát Mã
Viết và chạy JavaScript, Python và HTML với đầu ra tức thì — nơi an toàn để minh họa mã trực tiếp và giữ các ví dụ bạn có thể mở lại.
AI có thể soạn thảo. Bạn quyết định điều gì lớp học sẽ thấy.
Hộp cát Mã là gì
Hộp cát Mã là trình chạy mã trên trình duyệt dành cho giảng dạy. Viết JavaScript hoặc Python (qua Pyodide) và xem đầu ra bảng điều khiển ngay, hoặc chạy xem trước tài liệu HTML — nhấn Chạy, xem kết quả, giữ ví dụ cho lần sau.
Điều này quan trọng vì buổi minh họa chết khi bước cài đặt cản đường. Ở đây điểm chính là đoạn mã và đầu ra, không phải cài toolchain trước một lớp đang sốt ruột.
Tại sao giáo viên sử dụng Hộp cát Mã
Minh họa JS và Python tức thì
Hiện một kịch bản và đầu ra bảng điều khiển mà không rời Workshop.
Hình thuật toán bằng HTML
Mẫu sắp xếp và canvas làm lộ quá trình, không chỉ để in.
Đoạn dữ liệu nhanh
Kịch bản phân tích nhỏ khi bạn cần một câu chuyện số nhanh.
Quiz tương tác nhỏ
Bài khởi động HTML bạn có thể định hình lại cho hoạt động truy xuất ngắn.
Trên TeachForge, Hộp cát Mã là người anh em Chạy-và-bảng-điều-khiển của HTML / CSS / JS — chọn Hộp cát cho đoạn mã; chọn HTML / CSS / JS để sáng tác trang theo giai đoạn.
Bên trong Trạm Hộp cát Mã
Giống phần còn lại của Workshop, Trạm giữ nguồn và kết quả gần nhau — với một bước Chạy có chủ ý.
- Viên ngôn ngữ cho JavaScript, Python (Pyodide) và HTML
- Chạy-để-xem-trước với đầu ra bảng điều khiển hoặc kết quả iframe HTML
- Mẫu lọc theo ngôn ngữ để bài khởi động khớp chế độ bạn đã chọn
- Tải xuống nguồn khi bạn muốn tệp trên thiết bị của mình
- Lưu dưới dạng JSON ngôn ngữ + mã để tái sử dụng mở-ở-mọi-nơi
- Chia sẻ và khung Workshop nhất quán với các Trạm khác
Một đoạn mã trở thành kết quả như thế nào
Chọn ngôn ngữ và tải mẫu hoặc gõ mã
Giữ ví dụ đủ nhỏ để dạy trong một hơi.
Nhấn Chạy
Python tải Pyodide khi cần; JS và HTML xem trước ngay.
Lưu, tải xuống, hoặc tái sử dụng
Giữ đoạn mã cho nhóm tiếp theo, hoặc mang ý tưởng sang một Trạm đầy đủ hơn sau.
Một đoạn mã. Mọi phiên bản bài học của nó.
Hộp cát Mã cố ý nhẹ: việc tái sử dụng đến từ mẫu ngôn ngữ và JSON ngôn ngữ + mã đã lưu, không từ một danh mục tham số hóa lớn. Đó là điểm chính — buổi minh họa nhanh bạn có thể mở lại, không phải một Trạm sáng tác trang thứ hai.
Thay đổi khi bạn giảng dạy
Sửa một dòng, nhấn Chạy, và cho thấy điều gì đã đổi.
Giữ ví dụ, thay đổi thử thách
Lớp ngày mai có thể gặp cùng khung xương với một bước ngoặt khó hơn.
Giữ tính di động
Tải xuống nguồn hoặc mở lại JSON ở bất cứ nơi nào bạn dạy tiếp.
Chuyển lên khi cần
Chuyển sang HTML / CSS / JS khi giai đoạn, chủ đề và xuất độc lập quan trọng hơn Chạy.
Nếu bạn cần giai đoạn cùng xây và biến trang tham số hóa, hãy mở HTML / CSS / JS. Hộp cát Mã vẫn là trình chạy nhanh.
Các đoạn mã có sẵn để bắt đầu
Mở một mẫu ngôn ngữ và định hình lại:
| Lĩnh vực | Bạn có thể mở gì |
|---|---|
| JavaScript | Hello World; Phân tích dữ liệu; Khám phá đệ quy; Máy tính hình học |
| Python | Hello World; Lý thuyết số |
| HTML | Canvas tương tác; Trình trực quan sắp xếp; Quiz tương tác |
Hỗ trợ AI, theo cách của bạn
Cần bản nháp đầu tiên? Sử dụng AI như một trợ lý — sau đó xem xét, chỉnh sửa và phê duyệt trước khi bất cứ điều gì đến tay người học.
Sao chép prompt
Tạo một prompt có sẵn và dán nó vào công cụ trò chuyện bạn đã đang sử dụng.
Sử dụng GPU của riêng bạn
Kết nối một điểm cuối mô hình cục bộ trong cài đặt của bạn và chạy tạo trên phần cứng bạn kiểm soát.
Sử dụng khóa API của riêng bạn
Thêm khóa nhà cung cấp của bạn trong cài đặt, chọn mô hình và tạo bằng tài khoản của chính bạn.
AI có thể sai. Đó chính là lý do tại sao một giáo viên vẫn phải tham gia vòng lặp.
Đưa đoạn mã đến nơi diễn ra việc giảng dạy
- Whiteboard — đặt nó lên bảng trực tiếp và điều chỉnh nó trước mặt lớp
- Quest Ladder — thả nó vào các câu hỏi và lời giải thích
- Virtual Lab — tái sử dụng nó bên trong các bài thực hành phòng thí nghiệm tương tác
- Cộng đồng — chia sẻ những gì bạn đã xây dựng, và xây dựng dựa trên những gì các nhà giáo dục khác đã chia sẻ