В предыдущей статье я рассказал об онлайн редакторе кода Koding. Это отличный редактор, который позволяет гораздо больше, чем любой другой редактор, который я находил в поиске. Как оказалось он позволяет гораздо больше, чем простое редактирование кода. Поработав с этим сервисом для разработки приложений (простым онлайн редактором кода его назвать нельзя, так как предоставляемые им инструменты совершенно бесплатно, могут сравниться со многими платными коробочными решениями), я ознакомился с множеством инструментов, которые он предоставляет разработчика веб-приложений и систем управления сайтом.

Онлайн редактирование кода

В этой статье я разберу основные возможности предоставляемые сервисом, которые будут полезны не только одиночным разработчикам, но и группам разработчиков, а также начинающим веб-студиям, которые в начале своего пути должны экономить средства на подобные возможности. Кстати, создание сайтов дело сложное, поэтому если вы не обладаете достаточными знаниями, лучше доверить это дело специалистам и заказать создание сайтов в Ростове.  В сегодняшней статье мы с вами разберемся с такими возможностями сервиса Koding как:

  • живая лента – это подобие ленты в твиттер, где можно задавать вопросы или писать различные сообщения, комментировать их и делать шеринг;
  • консоль – сервис предоставляет персональную консоль для каждого пользователя сервиса;
  • редактор кода – рассмотрим наилучший онлайн редактор кода Koding, его возможности и удобства пользования;

Если вы не ознакомились с первой частью, где была инструкция по регистрации (она немного мудреная) то советую прочитать: Koding – онлайн редактор кода.  Это позволит исключить вопросы с тем как зарегистрироваться и установить пароль (опять же иногда возникают с этим проблемы).

Меню сервиса Koding

В сервисе продумано все до мелочей, крайне удобное расположение всех блоков и меню, а самое главное их дизайн и подобранные цвета. Все очень приятно и эргономично выглядит. К основным инструментам системы можно попасть из верхнего левого меню. Там представлены изначально шесть ярлыков для запуска различных инструментов:

Очень удобная функция, если вы открыли консоль, а потом перешли в редактор, то консоль сворачивается и так со всеми инструментами. Запущенные инструменты имеют более светлый фон в меню, и над ними появляется зеленая полоска:

Чтобы их закрыть нужно нажать на правую кнопку мышки и выбрать из всплывшего контекстного меню пункт cancel (показано на картинке выше). Помимо этого ярлыки могут дополняться. Например, я установил WordPress в сервисе для работы с его кодом и ярлык WordPress появился в меню. Чтобы удалить этот ярлык достаточно нажать ПКМ и выбрать remove:

После чего ярлык исчезнет из панели меню. При серьезном использовании сервиса это очень полезная функция. Например, если вы работаете сразу с несколькими приложениями, то переключение между ними будет очень простым.

Живая лента в Koding

Как правильно назвать ее я так и не понял, поэтому можно называть ее лентой или общей стеной. Суть этой ленты заключается в том, что каждый авторизованный пользователь системы может написать короткой сообщение. Это может быть вопрос, полезная ссылка или кусок кода. Есть поддержка хэштегов аналогично твиттеру. Пример написания сообщения в ленту:

Чтобы опубликовать запись нудно нажать на зеленую кнопку. Можно также посмотреть превью записи нажав на иконку глаза рядом с кнопкой публикации. Публикация записи в ленте Koding происходит мгновенно без модерации и выглядит в ленте вот так:

Если кто-то поставит лайк или оставить комментарий к вашей записи, то сразу появится уведомление у вас в профиле в правом верхнем углу, системы комментирования выглядит очень симпатично, что побуждает желание вступить в диалог:

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

Консоль в сервисе Koding

С консолью я практически не работаю, а если и работаю то крайне редко. Поэтому, каким либо командам я обучить вас не смогу. Но, как и в любой консоли тут есть команда help. Она поможет вам разобраться с доступными командами:

Все выполнено добротно, скорей всего консоль оперирует выделенным для вас виртуальным сервисом. Вряд ли это эмуляция консоли, которая создана для обучения командам, хотя и для этого она прекрасно подойдет.

Редактор кода Koding

Собственно инструмент, из-за которого и затеялось все это мероприятие. Сразу предупреждаю опытных разработчиков, что в редакторе нет инструментов отладки кода. Фактически вся разработка аналогична разработке кода в Notepad++. Перейдя в редактор кода в левой части можете увидеть структуру вашей директории. Установленные папки приложений и разрабатываемых приложений:

Кстати, файлам и папкам можно задавать атрибуты как на обычном сервере (хостинге), чтение, запись и редактирование для трех групп пользователей. Все стандартно. Это сделано не просто так. Ведь установленные вами CMS или разработанные приложения могут быть доступны из всемирной паутины по их адресу установки. Каждому пользователю дается свой бесплатный домен третьего уровня на автоматическом уровне. Стоит отметить очень удобную вещь, редактор имеет большое количество горячих клавиш, вот лишь некоторые:

В верхнем правом углу, можно совершать различные настройки редактора, например, сменить подсветку синтаксиса, размер шрифтов и т.д.:

Можно также редактировать сразу несколько файлов из проекта, так как в редакторе можно использовать вкладки. Может пригодиться при работе с HTML/CSS файлами, а что самое удобное, то это то, что можно просматривать все сразу в различных браузерах, файлы сразу доступны из интернета не только вам, но и любому пользователю сети.

На этом вторая часть обзора инструментов сервиса Koding заканчивается. В третьей части мы рассмотрим с вами инструменты тимдевелопинга, обзора списка приложений, которые можно установить на сервер и инструмент для разработки приложений.

More from my site