Workshop & Trạm hoạt động
TeachFORGE.ai
Workshop / HTML / CSS / JS
Trạm HTML / CSS / JS
Xây các mảnh web trực tiếp trong không gian sáng tác nhiều khung — với các giai đoạn cùng xây, biến tham số hóa và xuất HTML độc lập khi bạn cần trang bên ngoài TeachForge.
AI có thể soạn thảo. Bạn quyết định điều gì lớp học sẽ thấy.
HTML / CSS / JS là gì
HTML / CSS / JS là một Trạm sáng tác web nhiều khung. Bạn viết markup, kiểu và kịch bản cạnh nhau, xem trước trang trong iframe được cách ly, và — khi cần — xuất một tệp HTML độc lập để dùng bên ngoài TeachForge.
Điều này quan trọng trong giảng dạy vì kỹ năng web có nghĩa khi người học thấy kết quả ngay. Đổi một kiểu, bước một giai đoạn cùng xây, hoặc minh họa một trang tương tác nhỏ — trực tiếp, mà không triển khai gì.
Tại sao giáo viên sử dụng HTML / CSS / JS
Minh họa web trực tiếp
Cho thấy HTML, CSS và JavaScript cùng hoạt động theo thời gian thực.
Bài học cùng xây
Ghi lại các giai đoạn và Trình bày từng bước để lớp theo sát quá trình dựng.
Chủ đề tham số hóa
Điều khiển màu và biến bằng bộ điều khiển thay vì lần tìm từng giá trị CSS bằng tay.
Tài liệu phát độc lập
Xuất một tệp HTML để dùng ngoài Trạm.
Trên TeachForge, HTML / CSS / JS là một Trạm Workshop — được xây cho các trang giảng dạy, không chỉ cho đoạn mã nhanh.
Bên trong Trạm HTML / CSS / JS
Giống phần còn lại của Workshop, bạn có nhịp sáng tác quen thuộc — với ba khung thay vì một.
- Trình soạn HTML, CSS và JS với chuyển khung nhanh
- Làm mới Trực tiếp hoặc Thủ công vào bản xem trước iframe được cách ly
- Giai đoạn cùng xây — ghi lại, bước, và chế độ Trình bày
- Biến tham số hóa cho điều khiển chủ đề và giá trị tái sử dụng được
- Khung xem trước thiết bị và thư viện tùy chọn như KaTeX
- Xuất HTML độc lập, JSON Nâng cao, chia sẻ, nhúng và gửi đến Whiteboard
Các khung trở thành một trang như thế nào
Bắt đầu từ mẫu hoặc chỉnh ba khung
Thêm giai đoạn và biến tham số hóa khi bài học cần chúng.
Chạy xem trước Trực tiếp hoặc Thủ công
Iframe được cách ly hiện trang như người học sẽ gặp.
Trình bày các giai đoạn, xuất, hoặc gửi trực tiếp
Mang kết quả lên bảng, vào một câu hỏi, hoặc ra ngoài dưới dạng HTML độc lập.
Một trang. Mọi phiên bản của nó.
Trạm này hỗ trợ biến tham số hóa và giai đoạn cùng xây: giữ cấu trúc trang, đổi chủ đề, và lộ quá trình dựng theo thứ tự — thay vì duy trì mười hai tệp HTML hơi khác nhau.
Thay đổi khi bạn giảng dạy
Điều chỉnh giá trị tham số hóa hoặc bước sang giai đoạn tiếp theo ở chế độ Trình bày.
Giữ cấu trúc, thay đổi chủ đề
Cùng một gói trang có thể hiện điểm nhấn, bộ dữ liệu hoặc độ khó khác vào ngày mai.
Dạy quá trình dựng, không chỉ thành phẩm
Các giai đoạn để lớp xem trang thành hình.
Ở gần đánh giá
Lưu gói JSON di động và tái sử dụng trong các bài học hoặc phòng thí nghiệm sau.
Cần đoạn chạy-và-bảng-điều-khiển nhanh? Hộp cát Mã là Trạm anh em cho việc đó. HTML / CSS / JS dành cho các trang đã sáng tác có giai đoạn và xuất.
Các trang có sẵn để bắt đầu
Mở một mẫu và định hình lại cho bài học của bạn:
| Lĩnh vực | Bạn có thể mở gì |
|---|---|
| Nền tảng | Trống; Thẻ hồ sơ; Sân chơi Flexbox |
| Cùng xây | Giai đoạn nút; Bộ chuyển chủ đề màu |
| Tương tác | Hoạt hình Canvas; Giao diện Quiz; Bảng dữ liệu |
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 trang đế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ẻ