Войти на сайт

Авторизация, ждите ...
×

ТЕМА: Программируем онлайн

Программируем онлайн 2 года 2 нед. назад #112591

  • yuryol
  • yuryol аватар
  • Вне сайта
  • Архитектор Миров
  • Сообщений: 1566
  • Спасибо получено: 2460
  • Победитель конкурсаКомпозиторУчительОратор1 место в Готв2 место Организатор конкурсов3 место Готв
Список онлайн-редакторов кода, в которых можно кодить и видеть результаты прямо в браузере. Пригодится, если вы решили попрогать в поездке или на чужом или рабочем компе

jsfiddle.net

Плюсы:
  • подключение фреймворков
  • подключение CSS-препроцессоров
  • сохранение истории изменений
  • возможность кодить без регистрации
  • возможность работать совместно без регистрации (подсветка курсоров участников, возможность чатиться, поддержка микрофона)

Минусы:
  • при обновлении ссылка обновляется путем приписки "/номер обновления" в адресной строке. неясно как определить какая версия последняя, сколько их всего
  • нельзя добавить файл (например, картинку), только ссылку на него
  • нет обратной связи типа комментариев, лайков, просмотров

Codepen.io

Плюсы:
  • подключение фреймворков
  • подключение CSS-препроцессоров
  • создание "проекта" - структура папок и файлов.
  • есть группировка сохраненных "записей" в коллекции
  • есть теги и поиск по ним
  • неплохой поиск с живыми превью, возможность посмотреть записи авторов
  • возможности соц.сети: комментарии, лайки, просмотры
  • написание постов, причем к ним можно добавить свое оформление через CSS
  • возможность кодить без регистрации
  • можно добавить название и описание.

Минусы:
  • нельзя посмотреть со страницы записи в какой она коллекции
  • возможность работать в команде только после регистрации да еще и платно
  • нет истории изменений
  • нельзя добавить файл (например, картинку), только ссылку на него
  • многие простенькие вещи платные, например добавление аватара аккаунту. мелочь, а неприятно

liveweave.com

Плюсы:
  • удобное подключение фреймворков
  • возможность кодить без регистрации
  • возможность работать совместно без регистрации (подсветка курсоров участников, возможность чатиться, поддержка микрофона как в фиддле)
  • автовыравнивание кода
  • скачка написанного кода в zip или html-файл
  • дополнительные инстурменты: редактор CSS, редактор цвета с созданием палитры и даже векторный редактор с возможностью экспорта в SVG или PNG . Причем все инструменты можно использовать как отдельную программу онлайн

Минусы:
  • не нашел подключение CSS-препроцессоров
  • в сравнении с вышеупомянутыми сайтами довольно медленно сохраняет
  • нет истории изменений
  • нельзя добавить файл (например, картинку), только ссылку на него

repl.it

Плюсы:
  • главное преимущество - возможность писать на большом количестве языков, например вот написал простенькую викторинку на питоне https://repl.it/@yuryol/Viktorina
  • подключение фреймворков
  • работа через проводник с доабвлением структуры файлов и папок (как в "проекте" в fiddle)
  • возможность работать совместно, со своими преимуществами и недостатками в сравнении с фиддл, напрмиер нет микрофона
  • есть удобная история изменений - отдельная вкладка "хистори" со сравнением файла как в гитхабе
  • скачка написанного кода в zip
  • возможность закачки своей картинки, музыки и т.д.
  • автовыравнивание кода
  • возможность добавить аватар акаунту

Минусы:
  • нельзя кодить без регистрации
  • плохой редактор, почти нет помощника в написании кода, большинство ключевых слов приходится писать вручную, в отличии трех вышеназванных
Администратор запретил публиковать записи гостям.
За этот пост поблагодарили: Джекил, DK, Doctor_Bug, VarVarKa, Noon, Noxmils

Программируем онлайн 2 года 2 нед. назад #112592

  • yuryol
  • yuryol аватар
  • Вне сайта
  • Архитектор Миров
  • Сообщений: 1566
  • Спасибо получено: 2460
  • Победитель конкурсаКомпозиторУчительОратор1 место в Готв2 место Организатор конкурсов3 место Готв
еще пара слов о сайте repl.it

Так как он умеет работать с проектами различной структуры и показывать лайв-превью, то его вполне можно использовать при создании плагинов для мейкера или показа демки

1) Регистрируемся на сайте https://repl.it

2) Нажимаем кнопочку"new repl", выбираем языки "HTML, CSS, JS"

654.png


3) В появившимся окне проекта скидываем файлы демки в проводник в окно 1 на скриншоте. Файл index.html нельзя заменить,поэтому копируем текст из него в файл на сайте (1 на скриншоте). Запускаем проект кнопкой RUN (3 на скрине) и видим окно с игрой (4 на скрине). Затем можно поделиться демкой (5 на скрине). Для игры в полный экран есть специальная кнопка 6

346.png


4) Теперь можно играть в свою игру в браузере

https://repl.it/@yuryol/RPG-maker-MV

Еще один плюс что по этой ссылке можно зайти с телефона и нажав на кнопку полноэкранного режима оценить как игра будет играться с телефона

ИТОГО:
- можно делиться своей игрой кинув просто ссылку
- можно писать плагины не устанавливая РПГ мейкер
- удобно скидывать проекты тому кто может тебе помочь с плагином - он сразу может посмотреть и поправить, ничего не скачивая.
- автоматом получаем резервное копирование проекта, которое никуда не денется
- можно вести командную разработку. пока возможности небольшие - можно чатиться с коллегами, подключатся к их "веткам", скачивать проект
Администратор запретил публиковать записи гостям.
За этот пост поблагодарили: Kerotan, DK, VarVarKa, Noxmils, Cpt. Kras, MrTregor
Время создания страницы: 0.234 секунд