Онлайн-инструменты для кодеров

    Онлайн-сервисы становятся все популярнее, постепенно усложняя функционал и улучшая интерфейсы. В этой подборке представлены онлайн-инструменты для кодеров.

    Cloud9


    «Это Google Docs, только для кода» — так говорят о проекте. Облачный сервис вырос из Mozilla Bespin. Основные фишки: SSH, drag-and-drop и возможность разработки оффлайн.



    Koding (публичная бета)


    Koding.com — среда разработки с предустановленным веб-сервером и элементами социальной сети. Этот сервис уже представляли на хабре, топик даже вызвал хабраэффект и нашествие троллей. Сервис до сих пор находится в стадии публичной беты.



    CodePen


    Инструмент для фронт-энд разработки, позволяющий легко оперировать с CSS/HTML/JS-конструкциями, позволяет подключать js-библиотеки: jQuery, MooTools и т.д. Авторы — Alex Vazquez, Tim Sabat и небезызвестный Chris Coyier.



    JSFiddle


    Один из самых популярных инструментов для работы с JavaScript/HTML/CSS/SCSS. Прост, удобен, умеет подключать дополнительные библиотеки.



    Dabblet


    Аналог предыдущего сервиса с достаточно приятным интерфейсом.



    Pastebin.me


    Сервис для настоящих любителей минимализма — никаких лишних элементов в интерфейсе, только самое нужное, только хардкор.



    CSSDesk


    CSS-песочница с приятным и удобным интерфейсом.



    jsdo.it


    Кодинг-сообщество для фронт-энд разработчиков. Подходит для экспериментов с HTML5, WebGL, JavaScript и многим другим — функционал впечатляет.



    Tinker


    Простая JS/HTML/CSS-песочница.



    Tinkerbin


    Еще одна простая аналогичная песочница.



    SQL Fiddle


    Инструмент для работы с SQL-базами от разработчиков с Аляски.



    ReFiddle


    Сервис для работы с регулярными выражениями на Ruby, JavaScript и .NET.



    CSSDeck


    Сайт для демонстрации различных CSS-эффектов, можно посмотреть рейтинг самых популярных, там много интересного.



    JS Bin


    HTML/CSS/JS плюс консоль.



    Thimble


    Разработка от Mozilla, код и его результат отображается на одной странице в режиме реального времени.



    Liveweave


    Очень простой в использовании — никакого логина, шаринга, только окна с кодом и результатом.



    Google Code Playground


    Сервис для работы с Google API.



    Compilr


    Полноценная среда разработки, интерфейс реализован с использованием всеми любимого фреймворка — Twitter Bootstrap.



    Знаете еще подобные сервисы? Пишите в комментарии — добавлю.
    Метки:
    Поделиться публикацией
    Похожие публикации
    Реклама помогает поддерживать и развивать наши сервисы

    Подробнее
    Реклама
    Комментарии 55
    • +1
      Как раз недавно такой вопрос задавал. Спасибо за статью, отличная подборка.
      • +1
        codeanywhere.net — web based редактор кода, работает с FTP, SFTP, Dropbox, есть песочница
        • +2
          Спасибо за подборку, в избранное
          • +3
            Недавно смотрел Exo IDE, выглядит приятно — cloud-ide.com/
            • +5
              Cloud9 действительно отличная штука, особенно c учетом интеграции ide с github и bitbucket.
              • 0
                Скажите, а какая польза от этой интеграции? Я уже несколько месяцев для разработки на node.js использую исключительно с9, но с битбакетовским гитом работаю через консоль.
                • 0
                  Во-первых, все ваши гитхабовские и битбакетовские репозитории сразу же доступны для работы в ide, во-вторых, в самой ide есть git-овская консоль (Tools->Git), т.е. всю свою работу вы можете делать имея один лишь браузер.
                  • 0
                    А как там с БД? Можно как-то SQL прикрутить?
                    • 0
                      Мы на своём проекте используем MongoDB на бесплатном аккаунте у mongolab.com/. Для разработки этого с головой хватает. Думаю, и для MySQL можно найти подобные решения.
                • +4
                  rexv.org — еще одна тулза для регулярок
                  fiddlesalad.com — поддерживает обширный набор технологий: HTML, HAML, Zen Coding, Markdown, CoffeeCup, Jade, CSS, SCSS, SASS, LESS, Stylus, JavaScript, CoffeeScript, Python, Roy
                  • 0
                    regexhero.net/tester/ — регулярки для .net
                    Можно получить код на C#, посмотреть доки по выражениям, оценить время работы
                  • +8
                    Еще есть Ideone, который позволяет компилить и запускать куски кода на куче разных языков.

                    Часто встречал (и сам использовал), например, в ответах на Stack Overflow. Пишется кусок кода и дается ссылка на результат выполнения.

                    Описание с сайта:
                    What is ideone?
                    Ideone is something more than a pastebin; it's an online compiler and debugging tool which allows
                    to compile and run code online in more than 40 programming languages.

                    How to use ideone?
                    Choose a programming language, enter your source code and input data into text boxes. Then check or uncheck run code (whether to execute your program) and private (whether not to list your code in the recent codes page) checkboxes, click the submit button and watch your snippet being executed.
                    • НЛО прилетело и опубликовало эту надпись здесь
                      • 0
                        Еще один сервис Codeanywhere
                        • +1
                          Пользуясь случаем, рекомендую Cloud9. Для экспериментов с Node.js это самое то, учитывая тестную интеграцию с Github'ом и Heroku.
                          • НЛО прилетело и опубликовало эту надпись здесь
                            • НЛО прилетело и опубликовало эту надпись здесь
                              • +7
                                image
                                • НЛО прилетело и опубликовало эту надпись здесь
                                  • НЛО прилетело и опубликовало эту надпись здесь
                                    • НЛО прилетело и опубликовало эту надпись здесь
                            • +1
                              только пользы пост. в копилочку:
                              www.pythonanywhere.com
                              • +1
                                забыли про CIBox.org
                              • 0
                                http://www.sharelatex.com/ — не совсем программерский, но тоже полезный облачный сервис.
                                • +2
                                  Coderun — онлайн IDE PHP, JS, C# (пробовал только PHP, подтормаживает)
                                  Codepad — аналог pastebin
                                  Cleanroom — онлайн редактор HTML+JS с проверкой JSLint
                                  RegExr — проверить регулярные выражения (сайт на flash), есть свой каталог

                                  Генераторы:
                                  http://www.css3maker.com/ — повороты, анимация и т.д. CSS3
                                  http://www.cssbuttongenerator.com/ — кнопки CSS3
                                  http://www.noisetexturegenerator.com/ — генератор noise-текстуры
                                  JotForm — генератор форм
                                  • 0
                                    online-php.com/ — онлайн IDE PHP
                                    • 0
                                      www.devwik.com/ — онлайн-ИДЕ написанная на Meteor.js
                                      • +1
                                        Иногда использую для теста регулярок: www.rubular.com
                                        JSON посмотреть, это делаю на json.parser.online.fr или на jsonviewer.stack.hu (этому можно скармливать урл)
                                        Бывает выручает чудо-wildcard DNS xip.io
                                        Заголовки HTTP можно посмотреть на hurl.it
                                        И еще один простой SQL-sandbox sqlize.com
                                        • 0
                                          thecodeplayer.com не совсем по теме, но позволяет просматривать код и процесс его написания поэтапно.
                                          • +2
                                            К сожалению, в статье совсем не сказано, зачем это нужно и чем это лучше локального редактирования и хранения кода в dvcs. Как я понял, cloud9 можно использовать для парного программирования, но часто ли это используется? JS-песочницы — тоже понятно.

                                            Мог бы кто-то привести примеры использования подобных систем?
                                            • 0
                                              Мы с другом Cloud9 используем, вот уже несколько месяцев, для полноценной разработки NodeJS/HTML5 приложения. Там можно дебаггить серверный джаваскрипт, что даёт с9 большое преимущество перед тем же koding.com.
                                              Парной разработкой тоже часто пользуемся — голосом говорим по скайпу, а код печатаем/показываем просто своим курсором, положение и действия которого синхронизируются через сервер.
                                              Линуксовый терминал — практически полноценный, гитом через него весьма удобно пользоваться.

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

                                              В общем говоря, пример использования — полноценная разработка + дополнительные плюшки :)
                                            • +1
                                              Plunker — аналог jsfiddle, но умеет работать с несколькими файлами
                                              • +1
                                                gskinner.com/RegExr/ — Intuitive tool for learning, writing, and testing Regular Expressions.
                                                P.S. Уже было, не заметил.
                                                • 0
                                                  www.scalakata.com — минималистское online ide для scala
                                                  • 0
                                                    Усложняя возможности?
                                                    • 0
                                                      Спасибо, исправил
                                                    • +1
                                                      Есть ещё writecodeonline.com/javascript/ и writecodeonline.com/php/ — из ссылок понятно какой код там можно выполнить
                                                      • +1
                                                        Спасибо, а хоть один из этих инструментов существует в opensource? Чтобы можно было бы поставить на свой хостинг, типа jsfiddler или CodePen?
                                                        • +1
                                                          github.com/ajaxorg/cloud9/ как минимум
                                                          • +1
                                                            Кстати говоря, koding.com свой дефолтный редактор кода позаимствовали как раз у с9 :)
                                                            • +1
                                                              А те из mozilla Bespin/Skywriter. Опенсорц:)
                                                              • +1
                                                                Редактор ACE — изначально опенсорсный проект Cloud9. Просто потом они объединили усилия со Skywriter.
                                                        • +1
                                                          collabedit.com — онлайновое совместное редактирование кода
                                                          • +1
                                                            repl.it – онлайн-REPL для Ruby, Python, Lua, Scheme и других языков, которые выполняются в браузере (JS)
                                                            • –2
                                                              twitter bootstrap очень красиво подает примеры использования своих компонентов, JQuery тоже — оба на своих сайтах. Почему-то их в списке нет.
                                                              • 0
                                                                ТС, огромнейшее тебе спасибо за sqlfiddle.com/!

                                                                Если это то, что я думаю — то весьма поможет мне для одной статьи. Да и вообще без него теперь моветон будет писать статьи на тему SQL`я.
                                                                • 0
                                                                  xpathr.com — тестирование XSLT-шаблонов.
                                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                                    • 0
                                                                      Идея бомбовая. Нужно авторам совет дать.
                                                                    • 0
                                                                      курс по Python на coursera.org преподают в www.codeskulptor.org
                                                                      питон там немного урезанный, но зато можно писать и запускать прямо в браузере. народ более-менее продвинутый отрывается по полной
                                                                      www.youtube.com/watch?v=VScXq7wKYXA
                                                                      www.youtube.com/watch?v=w_Jgb6YugRo
                                                                      • +1
                                                                        Eclipse Orion — онлайн IDE для JavaScript, HTML, CSS. Java разработка пока не поддерживается, только подсветка синтаксиса.
                                                                        • 0
                                                                          Для любителей Cloud9 и HTML5 есть еще:
                                                                          Intel® HTML5 Development Environment BETA
                                                                          Там есть дополнительные «плюшки» в части поддержки разных выходных форматов и встроенного эмулятора.
                                                                          • 0
                                                                            Chpokk для .Net проектов.

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