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
- Запуск до попереднього перегляду із виводом консолі або результатом HTML iframe
- Шаблони, відфільтровані за мовою щоб стартові точки пасували обраному режиму
- Завантажити джерело коли файл потрібен на пристрої
- Зберегти як JSON мови + коду для повторного використання, яке можна відкрити будь-де
- Спільний доступ і оформлення 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 — повторно використайте в інтерактивній лабораторній роботі
- Спільнота — поділіться тим, що створили, і спирайтеся на те, чим поділилися інші педагоги