TryCode - collaborative online editor

Дата: 26.01.2017 в 14:03, Категория: Жизнь блога
  • 1165
  • 11
TryCode - collaborative online editor

Я давно не публиковал новых записей, так как был очень занят многими другими делами. Я открыл курсы по программированию в своем городе и параллельно занимаюсь разработкой других проектов. За этот промежуток времени, многие писали положительные отзывы о моём блоге и от некоторых я получил полезную критику, которую я постараюсь учесть в следующий раз. Значит есть еще смысл продолжать развивать блог и за что вам большое спасибо.

Сегодня я хотел бы рассказать немного о своём новом проекте, который я надеюсь понравится многим разработчиком.

TryCode (https://trycode.pw) - это онлайн редактор для совместной работы над кодом. Есть возможность делиться ссылкой на код со своими друзьями, чтобы демонстрировать им процесс разработки или к примеру обучать людей процессу разработки какого-нибудь функционала онлайн. При разработке редактора, использовался стек технологий: NodeJS, AngularJS, EcmaScript

# Зачем?

Задается такой вопрос: "Зачем это нужно, если уже есть подобные онлайн редакторы? JSFiddle, JSBin, Collabedit и т.п.".

Да, почти за 2 недели существования данного проекта, уже успели разные люди оценить проект и задать подобный вопрос. Основной идеей разработки этого проекта заключалась в моих курсах, которые я буду проводить с разными людьми и будет логично, если через мой проект будет проходить обучение. И если говорить честно, не только для курсов. Во время прохождения собеседования в Яндексе, мне прислали сайт collabedit.com, где я должен был подправлять код так, чтобы он работал правильно и все остальные задания, не связанные с исправлением кода были в этом редакторе.

Отмечу, что collabedit.com очень лаганутый (я это говорю не как конкурент и претендовать на конкуренцию я не собираюсь). Вы можете оценить этот сайт и убедиться в этом сами. Процесс соединения с сервером и отправки изменений основан на Long Poll запросах. То есть, клиент отправляет HTTP запрос со своими изменений серверу и ждёт ответа от сервера до тех пор, пока не произойдёт изменений от другого клиента (грубо говоря). Я не скажу, что это ужасный способ, нет! Это самый дурацкий способ который я когда-либо встречал в подобных проектах!

Говоря о JSBin, JSFiddle и т.п., то мой проект отличается тем, что там нету куча фич, компиляторов и транспилингов как у подобных редакторов. Основная идея данного редактора заключается в быстром и удобном шейринге кода с возможность коллективного редактирования кода. Если вам нужно больше функционала, то, вас никто не отговаривает пользоваться другими онлайн редакторами кода.

# Что дальше?

А дальше, ожидаются очень полезные обновления для удобного редактирования кода. Мы не будем добавлять компиляторы, транспиляторы и т.п., как и говорилось выше, цель данного проекта заключается в удобном и простом шейринге кода.

Имеется возможность менять синтаксис для более чем 35 языков.

На данный момент, наш проект постепенно улучшается и уже доступен в open-source на GitHub.

Так же есть возможность тестировать HTML код. При выборе синтаксиса HTML, появляется кнопка "Run Code", который вы можете запустить вручную или выбрать галочку "Auto run", после вноса изменений в код, редактор автоматически эти изменения применяет в окне для просмотра результата.

Когда пользователь просто хочет сохранить код и поделиться в дальнейшем, он открывает Sublime Text, Notepad++ или даже простой блокнот. Редко кому захочется ждать загрузки PHPStorm, WebStorm, JetBrains и т.д., создать новый документ и сохранить в него определенный код или другую информацию. Всё должно быть просто и без лишних заморочек, загрузок. В этом и заключается одна из основных идей данного проекта.

Возможно в дальнейшем, мы добавим:

  • Видео и аудио общение
  • Вкладки по файлам (будет удобно разрабатывать код нескольким людям одновременно)
  • Установка пароля
  • Личный кабинет

Пока еще думаем над новыми функциями. Если у вас есть идеи, оставляйте их в комментариях, мы будем рады любой идее.