Workshop и станции
TeachFORGE.ai
Workshop / код песочница
код песочница станция
Пишите и запускайте JavaScript, Python и HTML с мгновенным выводом — безопасное место показать код вживую и хранить примеры, которые можно снова открыть.
ИИ может подготовить черновик. Вы решаете, что увидит класс.
Что такое код песочница
код песочница — браузерный исполнитель кода для урока. Пишите 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 к превью с выводом консоли или результатом HTML iframe
- Шаблоны, отфильтрованные по языку чтобы старты соответствовали выбранному режиму
- Скачать исходник когда файл нужен на вашем устройстве
- Сохранить как JSON язык + код для повторного открытия где угодно
- Общий доступ и chrome Workshop согласованно с другими станциями
Как фрагмент становится результатом
Выберите язык и загрузите шаблон или наберите код
Держите пример достаточно маленьким, чтобы объяснить на одном дыхании.
Нажмите Run
Python загружает Pyodide при необходимости; предпросмотр JS и HTML — сразу.
Сохраните, скачайте или используйте снова
Сохраните сниппет для следующей группы или перенесите идею в более полную станция позже.
Один фрагмент. Каждая версия урока.
код песочница намеренно лёгок: повторное использование идёт из языковые шаблоны и сохранённый JSON языка + кода, а не из большого параметрического каталога. В этом смысл — быстрые демо, которые можно снова открыть, а не вторая станция авторства страниц.
Меняйте прямо на уроке
Измените строку, нажмите Run и покажите, что изменилось.
Сохраните пример, меняйте вызов
Завтрашний класс может встретить тот же каркас с более сложным поворотом.
Оставайтесь переносимыми
Скачайте исходник или снова откройте JSON там, где будете вести урок дальше.
Переходите дальше, когда нужно
Перейдите в HTML / CSS / JS, когда этапы, темы и автономный экспорт важнее, чем Run.
Если нужны этапы сборки и параметрические переменные страницы, откройте HTML / CSS / JS. код песочница остаётся быстрым исполнителем.
Готовые фрагменты для старта
Откройте языковой шаблон и перестройте:
| площадь | Что можно открыть |
|---|---|
| JavaScript | привет мир; анализ данных; исследователь рекурсии; геометрический калькулятор |
| Python | привет мир; теория чисел |
| HTML | Интерактивный холст; визуализатор сортировки; интерактивная викторина |
Помощь ИИ — по-вашему
Нужен черновик? Используйте ИИ как помощника — затем проверьте, отредактируйте и утвердите, прежде чем что-либо увидят учащиеся.
Скопируйте промпт
Создайте готовый промпт и вставьте его в чат-инструмент, которым уже пользуетесь.
Используйте свой GPU
Подключите локальный конечная точка модели в настройках и запускайте генерацию на своём оборудовании.
Используйте свой API-ключ
Добавьте ключ провайдера в настройках, выберите модель и генерируйте со своего аккаунта.
ИИ может ошибаться. Именно поэтому преподаватель остаётся в контуре.
Перенесите фрагмент туда, где идёт урок
- Whiteboard — разместите на живой доске и подстройте перед классом
- Quest Ladder — вставьте в вопросы и пояснения
- Virtual Lab — используйте снова в интерактивной лабораторной работе
- сообщество — делитесь тем, что создали, и опирайтесь на то, чем поделились другие