Вопрос или проблема
Я учу детей (как в классе) создавать веб-сайт в формате живого кодирования. Конечно, я делюсь своим экраном, но поскольку дети склонны к синтаксическим ошибкам, я хочу опубликовать свой код где-то, где они смогут его увидеть, сверить с своим кодом и скопировать/вставить при необходимости (чтобы мне не приходилось снова и снова говорить им проверять свой синтаксис).
Вот мой список желаемого:
- он должен быть БЕСПЛАТНЫМ (или хотя бы иметь бесплатную версию, содержащую всё, что мне нужно)
- режим только для просмотра (или как codepen pro “профессорский режим” или codesandbox “классный режим”)
- он должен использовать либо textarea, codemirror, или ace, чтобы я мог использовать плагин GhostText от Sublime для автоматического “зеркалирования” кода, который я пишу в своём IDE (вот список поддерживаемых полей редакторов – repl.it и codesandbox.io не работают)
- он должен поддерживать структуру папок/директорий с несколькими файлами в одном месте (как обычный IDE, например, visual studio code)
- должна быть ссылка, которую я могу поделиться со студентами, где они смогут увидеть мой код, как в repl.it
- мне НЕ нужны никакие консольные/терминальные/дополнительные функции
- он должен быть онлайн; я не хочу просить их загружать что-либо – то есть без Remote Collab для SublimeText или Visual Studio Live Share или Teletype для Atom)
- он должен обновляться в реальном времени и автоматически мгновенно (как Google Docs, а не каждые 30 секунд). акцент на автоматическом – мне не нужно нажимать ctrl+s каждые 5 секунд.
пример:
- codeshare.io было бы хорошо, но ему нужно (а) позволять структуру папок/директорий с несколькими файлами в одном месте и (б) режим только для просмотра, чтобы студенты не могли редактировать
Я знаю, что есть множество решений для удаленного сотрудничества при программировании/интервью, но обычно они не являются только для просмотра или предназначены только для one-on-one. Мне также НЕ нужны никакие функции аудиозвонка/чата.
Я буквально искал ВЕЗДЕ. glitch, кажется, действительно работает, но дайте мне знать, если есть альтернативы. Если есть другое инновационное решение (например, использование скриптов google apps для загрузки его в Google Docs и т.д.), это тоже может сработать. Спасибо заранее!
Я никогда этого не использовал, но слышал хорошие отзывы о Etherpad. Учителю нужно установить и настроить программное обеспечение; для студентов это просто посещение другого веб-сайта (и редактирование материалов). Вы можете превратить Etherpad в IDE с помощью плагинов, например, ep_codepad и ep_syntax.
Ответ или решение
Вопрос, с которым вы столкнулись, совершенно актуален для преподавания программирования, особенно в классе с детьми. Выбор онлайн-редактора для совместной работы над кодом может значительно улучшить процесс обучения. Я предложу несколько решений, которые соответствуют вашим требованиям и помогут вам организовать эту работу эффективно.
1. Glitch
Glitch — это платформа, которая позволяет легко создавать и развивать веб-приложения. Она поддерживает создание структуры папок и множество файлов, что важно для учебного процесса. Вот ключевые преимущества:
- Бесплатная версия: Glitch предлагает бесплатный уровень с достаточными функциями для вашей задачи.
- Система папок: Можно создавать проекты с несколькими файлами, что напоминает работу с обычными IDE.
- Общие ссылки: Вы можете предоставить ссылку вашим ученикам для просмотра и копирования кода.
- Автоматическое обновление: Изменения сохраняются и отображаются в реальном времени.
Недостатки: Не имеет формального режима "только для просмотра", но вы можете контролировать права доступа.
2. Replit
Replit — это мощный онлайн-редактор кода с поддержкой многопользовательского сотрудничества:
- Бесплатная версия: Доступна бесплатная модуляция, которая удовлетворит большинство ваших потребностей.
- Структура папок: Поддерживает создание проектов с несколькими файлами.
- Общие ссылки: Вы можете делиться проектами с учениками.
- Авто-сохранение: Изменения автоматически сохраняются.
- Режим просмотра: Возможно использование режима "только для просмотра" с некоторыми настройками.
Недостатки: Поддержка GhostText может не быть полноценной.
3. CodeSandbox
CodeSandbox поддерживает создание веб-приложений и имеет определенные преимущества:
- Бесплатная версия: Доступен бесплатный уровень с основными функциями.
- Структура папок: Позволяет организовать файлы в проектах.
- Общая ссылка на проект: Вы можете делиться кодом через уникальную ссылку.
- Автосохранение: Обновления происходят автоматически, но требует проверки совместимости с GhostText.
Недостатки: Не всегда хорошо работает с режимом "только для просмотра".
4. Etherpad
Etherpad предоставляет возможности реального времени, что делает его интересным решением:
- Бесплатно: Можно установить собственную версию для полной настройки.
- Работа с плагинами: Можно использовать плагины для синтаксической подсветки и функций редактирования.
- Поддержка нескольких файлов: Однако требует дополнительной настройки.
- Общие ссылки: Легко делиться проектами.
Недостатки: Необходима установка и настройка на стороне преподавателя.
Заключение
Каждое из предложенных решений имеет свои особенности и ограничения, но все они подходят для ваших требований. Glitch и Replit, вероятно, будут самыми простыми и удобными для использования в классе. Рекомендуется протестировать каждую из платформ, чтобы выбрать наиболее подходящую для вашего стиля преподавания и потребностей учащихся.
Не забывайте также о возможности комбинирования различных платформ. Например, вы можете использовать Glitch для сборки проектов и Replit для отладки кода. Удачи в вашем обучении программированию!