Средства разработки online

Огромное количество простых и сложных средств для разработки есть прямо в Интернет.


Диаграммы связей mindmap, создание прототипов приложений, моделирование баз данных DDL, моделирование UML, проверка регулярных выражений, отладка сценариев на разных языках программирования (javascript, php, python, ruby и другие), обсуждение дизайна, интегрированная среда разработки (IDE), обмен файлами, просмотр данных XML и JSON, учёт времени (time tracking). Всё это — в онлайн. Не надо устанавливать программы на свой компьютер, а также можно работать совместно.

Средства исключительно в онлайн

Диаграммы связей (карты знаний, карты памяти, интеллект-карты, карты мыслей, ассоциативные карты)

Диаграммы связей позволяют набросать упрощённый дерево ассоциаций, упорядочить мысли. Используются для проведения мозговых штурмов. Часто используются для управления знаниями, на совещаниях, в управлении задачами и тайм-менеджменте.

mind42.com      позволяет создавать и менять диаграммы связей совместно.
mapmyself.com

Создание прототипов программ, веб-сайтов, презентаций

flairbuilder.co      makes it easy for you and your team to work on the same project at the same time. So you know everyone’s on the same page. Literally. Move, resize, color, add, and move again.
Pidoco Средство моделирования прототипа. Поддерживается совместное редактирование.
Mockingbird Инструмент в режиме онлайн, позволяющий легко создавать, связывать, предварительно просматривать и передавать модели вашего веб-сайта или приложения.
ProtoShare Объединенный инструмент в режиме онлайн для построения каркасов веб-сайтов и динамичных, управляемых прототипов веб-сайтов, которые затем члены команды могут просматривать, а также комментировать в режиме реального времени.
MockFlow Проектные, объединенные (в реальном времени) модели интерфейсов пользователя для вашего программного обеспечения и веб-сайтов.
gliffy.com     Online Diagram Software and Flowchart Software

Проектирование баз данных

vertabelo.com     Визуальное создание схем баз данных. Генерация схемы как изображения. Генерация DDL файла для создания схемы в базе данных.

Моделирование системы

websequencediagrams.com     Диаграммы последовательностей (Sequence Diagrams)

Online Sequense Diagram Editor. Редактор диаграмм последовательностей, диаграмм взаимодействий

Online Sequense Diagram Editor. Редактор диаграмм последовательностей, диаграмм взаимодействий

gliffy.com Online Diagram Software and Flowchart Software
LucidChart
ninjamock.com    Прототипирование под мобильные устройства и веб-приложения
wireframe.cc Прототипирование под мобильные устройства и веб-приложения

Отладка Cascading Style Sheets (CSS), Javascript (JS),  PHP

Cloud9    Среда разработки для совместного редактирования кода. Как у Google Docs.  Интеграция с github и bitbucket.
jsdo.it   Подходит для экспериментов с HTML5, WebGL, JavaScript и многим другим — функционал просто изумительный.
JSFiddle    Один из самых популярных инструментов для работы с JavaScript/HTML/CSS/SCSS. Прост, удобен, умеет подключать дополнительные библиотеки: jQuery, MooTools и т.д.
Codepad    Is an online compiler/interpreter, and a simple collaboration tool. Подсветка синтаксиса языков программирования: Tcl. Для некоторых поддерживается интерпретация или компиляция.
CodePen   Инструмент для фронт-энд разработки, позволяющий легко оперировать с CSS/HTML/JS-конструкциями, позволяет подключать js-библиотеки: jQuery, MooTools и т.д.
LiveWeave
Ideone Редактирование и обмен фрагментами текста http://take.ms/V3vNv
CollabEdit Совместное многопользовательское редактирование кода
writecodeonline.com/javascript/   Отладка Javascript
writecodeonline.com/php/  Отладка PHP
sandbox.onlinephpfunctions.com Отладка PHP

Совместное обсуждение программного кода и веб-страниц

sourcetalk Обсуждение кусков кода в голосовом и текстовом чате
Bounce App Обсуждение веб-страниц
WebKlipper
AnnotateIt
Marqueed
Diigo Можно собирать коллекции веб-страниц, делать на них визуальные пометки, делиться ссылками

Среда разработки (IDE integrated development environment)

compilr    Полноценная среда разработки
Koding     Среда разработки с предустановленным веб-сервером и элементами социальной сети
online-php Cреда разработки  IDE PHP
codeanywhere     Среда разработки. Код можно хранить в облаке, а также в Dropbox, Google Drive, FTP, github.

Полноценная среда разработки с возможностью совместной работы

Полноценная среда разработки с возможностью совместной работы

Отладка регулярных выражений

debuggex.com    Визуальный редактор регулярных выражений
gskinner.com/RegExr      Наглядное средство для изучения, написания и проверки  регулярных выражений
rexv.org       regex101.com       Другие простые сервисы для отладки регулярных выражений

Просмотр данных XML, JSON

json.parser.online.fr    jsonviewer.stack.hu      Позволяет отформатировать фрагмент JSON и показать его красиво

codebeautify.org/xmlviewer        freeformatter.com/xml-formatter.html     То же самое для XML

Обмен фрагментами кода на HTML, CSS, JS

gist.github.com

gist.github.com

paste.kde.org

KDE Paste позволяет поделиться фрагментами кода

KDE Paste позволяет поделиться фрагментами кода

pastebin.com       Pastebin.com is a website where you can store text for a certain period of time. The website is mainly used by programmers to store pieces of sources code or configuration information, but anyone is more than welcome to paste any type of text. The idea behind the site is to make it more convenient for people to share large amounts of text online.

 Обмен файлами

dropbox.com/home     Обмен любыми файлами через веб-интерфейс. Есть offline клиент с автоматической синхронизацией.

Google Drive       Обмен любыми файлами через веб-интерфейс; редактирование файлов в форматах Microsoft Word (doc), Microsoft Excel (XLS), Open Document (ODT), Open Spreadsheet, Reach Text Format (RTF).
Облако@Mail.ru
Яндекс.Диск

Управление личным временем

worldtimebuddy.com      Утилита для планирования времени с учётом разных часовых поясов.

Запланировать встречу где угодно в мире

Запланировать встречу где угодно в мире

todoist.ru/app      Задачник с удобным интерфейсом и замечательным набором платных функций, таких как уведомления, события, комментарии и совместная работа. Также есть offline клиент под все платформы с автоматической синхронизацией.

Средства оnline с клиентским приложением

Обмен файлами

Dropbox
Google Drive
Облако@Mail.ru
Яндекс.Диск

Обмен скриншотами, файлами, ссылками.

monosnap.com Умеет захватывать часть экрана или весь экран, делать надписи, стрелки, линии, выделять области и сохранять как файл или публиковать в Интернет
evernote.com/skitch
clipular.com
https://gyazo.com/ru Умеет захватывать фрагменты экрана, а также делать короткие видео в формате GIF, и публиковать в Интернет

Павел Волынцев

Уже более 15 лет занимаюсь разработкой веб-проектов. Fullstack Senior Developer. IT евангелист — доношу свет знаний об информационных технологиях. Профессиональные цели: Дать людям возможность дать людям больше.

Читайте также: