Комментарии

5 сервисов для работы с любым кодом в онлайн режиме
( 8 Голосов )

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

В данной статье я представлю вам 5 наиболее лучших сервисов для работы с кодом (php, css, js, html и пр.) в онлайн режиме. Все сервисы представленные ниже абсолютно бесплатны и лишь в единицах есть возможность дополнительно приобрести PRO-аккаунты в которых в принципе нет необходимости.

JSfiddle

Сервис позволяет выбрать любой язык программирования, любую библиотеку и фреймворк (от jQuery до jTypes). Имеется возможность добавление JS скриптов и CSS со сторонних URl адресов (например загрузить Bootstrap или другой фреймворк), что значительно упрощает работу с сервисом. На главной странице присутствуют 4 окна, 3 из которых предназначены для ввода HTML, JS и CSS кода и 1 окно соответственно для отображение результата. С результатами вы можете легко поделится с друзями или показать результат заказчику (клиенту), просто отправив ему ссылку на JSfiddle. Если кто-то другой изменит ваш созданный код, то он автоматически получит новый уникальный URL, в ваш прежний код останется на старом месте. Сервис абсолютно бесплатный и не требует оплаты за использование. 

Перейти на сайт - http://jsfiddle.net

JSfiddle - тестирование и отладка кода

CodePen

Мощный сервис по работе с HTML, JS и CSS кодом. Вы можете легко добавить HTML, CSS и JS код и посмотреть на результат в нижей части браузера. При добавлении кода вы можете выбрать любой JS и CSS фреймворк, а также добавить прямую URL ссылку на свой. Сервис отчасти бесплатный, вы можете сохранять код и полученный результат и делится с ним с другими пользователями, но есть также и платные подписки которые значительно расширяют функционал сервиса CodePen. Стоимость платной подписки варьируется от 9 до 40 долларов в месяц, после оплаты которой у вас появится возможность изменять свой профиль применяя к нему различные стили, дополнительное место для хранения кода, работа в команде и пр. Все зависит от выбранного вами тарифного плана.

Перейти на сайт - http://codepen.io

CodePen - онлайн редактор кода

JSBin

Простенький редактор кода HTML/JS/CSS. Можно тестировать код и смотреть на результат непосредственно на той же странице. Имеется возможность подключения своих скриптов, возможность выбора библиотек и фреймворков (причем разных версий). После сохранения результата можно легко поделится кодом. Перед использованием сервиса рекомендуем посмотреть помощи на которой отображено список клавиатурных сочетаний, т.к. это поможет вам в работе с сервисом. Сервис бесплатный, но есть возможность расширить возможности купив Pro аккаунт. После покупки платного аккаунта у вас появится возможность сохранять и синхронизировть код на Dropbox, при отладке кода использовать SSL, делать доступ к коду по паролю и использовать свои URL. Стоимость Pro аккаунта составляет 9$ в месяц. Покупка платного аккаунта не является обязательной и является лишь дополнением к простому аккаунту пользователя, который хочет расширить свои возможности.

Перейти на сайт - http://jsbin.com

JSBin - онлайн редактор JavaScript кода

Pastebin

Сервис позволяет сохранять, редактировать и хранить любой код (PHP,JS,HTML,CSS,С++ и сотни других синтаксисов). При добавлении кода в редактор вы можете выбрать синтаксис, дату удаления кода с сервиса (по умолчанию стоит — не удалять вообще), можете сделать приватный код доступный только по паролю (необходима регистрация) и можете указать свой заголовок для страницы где будет размещен код. После сохранения кода, вы получите возможность поделится кодом, скачать код или отредактировать его. Сервис полезен для сохранения своих заметок, кусков кода и прочей текстовой информации. Сервис полностью бесплатный.

Перейти на сайт - http://pastebin.com

Pastebin - редактор кода и хранилище кода в интернете

Hastebin

Старый добрый сервис для хранения кода. Имеет очень простой интерфейс без каких либо лишних деталей. Для использования сервиса достаточно вставить в окно браузера код, например PHP, после чего сохранить страницу нажав на иконку в правом верхнем углу. После сохранения кода, сервис автоматически определит синтаксис кода и сделает его подстветку в соответствии с языком программирования. Также после сохранения кода, в строке URL появится новый URL адрес с постоянным расположением данного кода. URL адрес генерируется каждый раз автоматически и имеет уникальный набор символов, поэтому вероятность повтора адреса не возможна. Сервис абсолютно бесплатен.

Перейти на сайт - http://hastebin.com

Hastebin - редактор кода с подсветкой синтаксиса

 

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


Понравился материал? Пригодилась информация? Плюсани в социалки!


 
Похожие новости
Добавить комментарий


Защитный код