Если кто-то не слышал о песочницах, поясню: песочница - это изолированная среда разработки, онлайн редактор кода.
В этой статье мы разберем функциональность онлайн редакторов и рассмотрим пару примеров.
Массовое появление песочниц началось еще в 2010-2012 годах. Сейчас же привычное понимание песочницы, как места для кодинга в онлайн среде, уходит далеко в прошлое.
Сейчас онлайн сервисы для кодирования являются чем-то большим, чем просто редактором кода, теперь в них возможно общение между разработчиками, размещение работ в галерее сервиса для всеобщего разбора и обозрения, а также появилась возможность подписаться на понравившегося веб-дизайнера или программиста и просматривать в дальнейшем его новые работы у себя в ленте. В общем песочницы стали мини социальными сетями для представителей it индустрии в направление программирования.
Возможности онлайн редакторов
Современные онлайн редакторы кода имеют очень много возможностей, да, их функциональность вряд ли сравнится с офлайн редакторами, но они имеют многое, для комфортной работы с кодом.
Разберем парочку онлайн редакторов и рассмотрим их функционал:
Codepen
Мощный онлайн редактор, безусловно больше чем просто песочница. Поддерживает язык разметки html, каскадных таблицы стилей css и JavaScript.
Основные фишки редактора:
- Бесплатный: пользоваться может любой зарегистрированный пользователь;
- возможность выкладывать свои работы в ленту, подписываться на других разработчиков;
- обилие библиотек и фреймворков, которые можно подключить при разработке. Поддерживаются практически все известные и востребованные;
- легкость в работе с редактором: в редакторе есть встроенные экран, где вы в реальном времени можете увидеть все, что натворили;
- большое сообщество: в Codepen зарегистрированно большое количество известных и профессиональных разработчиков, что дает ему несравнимое преимущество
Также в Codepen есть и платные функции, которые значительно могут расширить функционал, но в общем для тестирования и обмена данными бесплатного тарифа вполне достаточно.
Stackblitz
Особенно этот онлайн редактор подойдет для фанатов vs code от Microsoft, так как построен на его основе и подобию. Он очень похож на полноценную IDE.
Stackblitz имеет очень много возможностей, по своему функционалу не уступает не одному онлайн редактору.
Основные особенности:
- очень крутая фишка: способность работать офлайн, без интернета. Это достигается благодаря специальносму веб серверу в браузере;
- возможность выкладывать свои работы в репозитарии GitHub прям с панели;
- возможность скачать проект в zip архив;
- очень большое количество поддерживаемых фреймворков, библиотек и языков;
Еще очень значительной отличительной чертой данного редактора является то, что при написании кода, редактор автоматически устанавливает дополнительные библиотеки или фреймворки, которые вы использовали.
Вывод
Песочницы, они же онлайн редакторы имеют очень приличный функционал и расширения, а также являются полезными помощниками для веб дизайнеров и разработчиков при воплощении в жизнь того или иного проекта.
Сейчас песочница - это полноценная среда разработки, но не стоит ими пользоваться при разработке крупных проектов, в этом случае больше подойдут привычные редакторы кода.
