Javascript среда программирования – Функциональное программирование с примерами на JavaScript. Часть первая. Основные техники функционального программирования

Обзор html, css, js редакторов под Windows / Habr

Сравнительно недавно встал вопрос замены громоздкого и дорогого Adobe Dreamweaver на что нибудь более легковесное и не столь дорогое. Возможные варианты под катом.

Для этой цели был создан вопрос в разделе Q&A, на который было получено множество ответов. Спасибо всем откликнувшимся.

Выбранные редакторы были сравнены по нескольким пунктам.

Платные редакторы

HTMLPad

  • Цена: $45.85;
  • Готовые цветовые схемы (в т.ч. и темные): нет;
  • Настройка подсветки кода под себя: очень широкие возможности настройки;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: можно настраивать, теги подсвечиваются;
  • Открытие/закрытие блоков кода: нет;
  • Автозакрытие тегов, кавычек, скобочек: присутствует, настраивается;
  • Автокомплитер и его удобство: есть, очень удобный;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js есть, jquery нет;
  • Поддержка html5 и css3: html5 нет, css3 есть;
  • Подхват зависимых файлов (css,js): нет, но если открыть css и html файлы, то автокомплитер увидит название классов и id из файла стилей;
  • Организация проектов: присутствует, обычная;
  • ftp-клиент: присутствует;
  • Вес дистрибутива: 5,7 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: быстро открывается, быстро работает;
  • Замеченные минусы: нет.

WeBuilder

  • Цена: $69.85.
  • Редактор такой же как и HTMLPad, но имеет расширенный набор функций для программистов.

Web Storm

  • Цена: $69;
  • Готовые цветовые схемы (в т.ч. и темные): нет;
  • Настройка подсветки кода под себя: очень широкие возможности настройки;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов:теги подсвечиваются;
  • Открытие/закрытие блоков кода: да;
  • Автозакрытие тегов, кавычек, скобочек: присутствует, настраивается;
  • Автокомплитер и его удобство: есть, неплохой
    ;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js есть, jquery нет;
  • Поддержка html5 и css3: html5 есть, css3 есть;
  • Подхват зависимых файлов (css,js): нет, но если открыть css и html файлы, то автокомплитер увидит название классов и id из файла стилей;
  • Организация проектов: присутствует, расширенная;
  • ftp-клиент: присутствует;
  • Вес дистрибутива: 63,8 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: в CSS файлах, удобная плюшка с подсветкой использованных цветов. Широкие возможности поиска элементов внутри проекта. Куча других настроек и опций;
  • Замеченные минусы: долго открывается, тяжеловато работает.

Top Style Pro

  • Цена: $79.95;
  • Готовые цветовые схемы (в т.ч. и темные): нет;
  • Настройка подсветки кода под себя: широкие возможности настройки;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: нет;
  • Открытие/закрытие блоков кода:
    частичная в css
    ;
  • Автозакрытие тегов, кавычек, скобочек: в html и css есть, в js нет;
  • Автокомплитер и его удобство: есть, неудобный по CTRL+пробел;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js нет, jquery нет;
  • Поддержка html5 и css3: html5 есть, css3 нет;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: присутствует, не очень удобная;
  • ftp-клиент: присутствует;
  • Вес дистрибутива: 5,2 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: подойдет начинающим;
  • Замеченные минусы: ориентирован на визуальную разработку, а не на удобство работы с кодом.

Sublime Text

  • Цена: $59;
  • Готовые цветовые схемы (в т.ч. и темные): да;
  • Настройка подсветки кода под себя: не нашел;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: нет;
  • Открытие/закрытие блоков кода: нет
    ;
  • Автозакрытие тегов, кавычек, скобочек: в html нет, в css и js есть;
  • Автокомплитер и его удобство: есть, неудобный по CTRL+пробел;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js есть, jquery нет;
  • Поддержка html5 и css3: html5 нет, css3 нет;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: присутствует, не смог сходу разобраться;
  • ftp-клиент: не нашел;
  • Вес дистрибутива: 17 мб;
  • Наличие portable версии: есть;
  • Замеченные плюсы: быстро открывается, быстро работает;
  • Замеченные минусы: сходу очень трудно разобраться, требуется прилично времени на освоение.

Microsoft Expression Studio 4 Web Professional

  • Цена: $149.95;
  • Даже не пытался пробовать, софт явно для любителей Visual Studio и пр. продуктов MS
Бесплатные редакторы

Notepad++

  • Готовые цветовые схемы (в т.ч. и темные): да;
  • Настройка подсветки кода под себя:
    да
    ;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: да, очень удобная подсветка;
  • Открытие/закрытие блоков кода: есть, для выделенных фрагментов только;
  • Автозакрытие тегов, кавычек, скобочек: нет;
  • Автокомплитер и его удобство: есть, непривычный;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css частично, js частично, jquery нет;
  • Поддержка html5 и css3: html5 нет, css3 нет;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: нет;
  • ftp-клиент: есть через плагин;
  • Вес дистрибутива: 5,2 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: быстро открывается, быстро работает;
  • Замеченные минусы: скудный функционал.

Aptana

  • Готовые цветовые схемы (в т.ч. и темные): да;
  • Настройка подсветки кода под себя: да;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов:
    да, очень удобная подсветка
    ;
  • Открытие/закрытие блоков кода: есть, для выделенных фрагментов только;
  • Автозакрытие тегов, кавычек, скобочек: нет;
  • Автокомплитер и его удобство: есть, почему-то в html сразу выскакивает, а в css по ctrl+пробел;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js частично, jquery нет;
  • Поддержка html5 и css3: html5 есть, css3 частично;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: есть;
  • ftp-клиент: есть;
  • Вес дистрибутива: 130 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: нет;
  • Замеченные минусы: нещадно тормозит.

Komodo Edit
Очень похож на Notepad++. Для работы лучше сразу установить плагин HTML Toolkit

  • Готовые цветовые схемы (в т.ч. и темные): да;
  • Настройка подсветки кода под себя: да;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: да
    ;
  • Открытие/закрытие блоков кода: есть;
  • Автозакрытие тегов, кавычек, скобочек: да, частично;
  • Автокомплитер и его удобство: есть, с подсказками;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js частично, jquery нет;
  • Поддержка html5 и css3: html5 есть, css3 есть;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: да;
  • ftp-клиент: не нашел;
  • Вес дистрибутива: 41,5 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: похож на np++, но функционал заметно шире;
  • Замеченные минусы: настройки не очень интуитивны.

RJ TextEd

  • Готовые цветовые схемы (в т.ч. и темные): нет;
  • Настройка подсветки кода под себя: да;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: да;
  • Открытие/закрытие блоков кода: есть;
  • Автозакрытие тегов, кавычек, скобочек: да, частично;
  • Автокомплитер и его удобство: есть, неудобный ctrl+пробел и плохо работающий;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css частично, js нет, jquery нет;
  • Поддержка html5 и css3: html5 есть, css3 нет;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: да;
  • ftp-клиент: не нашел;
  • Вес дистрибутива: 10 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: нет;
  • Замеченные минусы: имхо хромает качество.

PSPad

  • Готовые цветовые схемы (в т.ч. и темные): нет;
  • Настройка подсветки кода под себя: частично;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: нет, подсветка парных тегов есть;
  • Открытие/закрытие блоков кода: нет;
  • Автозакрытие тегов, кавычек, скобочек: да, частично;
  • Автокомплитер и его удобство: есть, неудобный ctrl+пробел + модальное окно с настройками;
  • Поддержка html, css, js и jquery автокомплитером:
    html есть, css есть, js нет, jquery нет
    ;
  • Поддержка html5 и css3: html5 нет, css3 нет;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: да;
  • ftp-клиент: есть;
  • Вес дистрибутива: 4,2 мб;
  • Наличие portable версии: не нашел;
  • Замеченные плюсы: нет;
  • Замеченные минусы: неудобный.

Eclipse IDE for JavaScript Web Developers

  • Готовые цветовые схемы (в т.ч. и темные): нет;
  • Настройка подсветки кода под себя: не нашел;
  • Настройка позиционирования курсора, подсветка открывающих/закрывающих тегов: да, подсветка парных тегов есть;
  • Открытие/закрытие блоков кода: да;
  • Автозакрытие тегов, кавычек, скобочек: да, частично;
  • Автокомплитер и его удобство: есть, неудобный ctrl+пробел;
  • Поддержка html, css, js и jquery автокомплитером: html есть, css есть, js есть, jquery нет;
  • Поддержка html5 и css3: html5 есть, css3 нет
    ;
  • Подхват зависимых файлов (css,js): нет;
  • Организация проектов: да;
  • ftp-клиент: есть;
  • Вес дистрибутива: 108 мб;
  • Наличие portable версии: работает без установки;
  • Замеченные плюсы: нет;
  • Замеченные минусы: громоздкость, требует Java.

NetBeans IDE

  • Больше подходит программистам, т.к. содержит готовые сборки под разные языки.
Выводы

Как оказалось, выбор очень велик. К сожалению не могу сказать, что какая-то из программ оставила такое впечатление чтобы я сразу выкинул Dreamweaver и перешел на неё. Но тем не менее разочарованным я тоже не остался. Мой выбор — платный HTMLPad. Ни один из бесплатных редакторов не показался мне достаточно удобным (но это дело привычки для каждого, я считаю).

White IDE — Браузерная RAD среда разработки на JavaScript / Habr

Привет, хочу представить одну интересную разработку студии, в которой я работаю. И как ведущий разработчик буду её освещать 🙂


Первая версия была не совсем удачная, из-за своей грузности и некой не логичности. Во второй версии я пересмотрел архитектуру, как структуры проекта, так и компонентной модели. Был изначально убран громоздкий scriptaculous, но это не значит, что совсем удален. Также из 2 версии был удален Фреймворк xAjax, его я заменил своим легким классом, для комфортного XHR общения.

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

  • Динамический namespace.
  • Включение FirePHP в проект.
  • Поддержка многих браузеров (Internet Explorer 7+, FireFox 2+, Opera 9.5+, Safari 3+, Chrome)
  • Шаблоны компонентов.
  • Отложенная и пакетная загрузка.
  • Охват (пока не)большого числа JavaScript Фреймворков.
Основная идея этого проекта — создать комфортную среду разработки для большинтсва фреймворков (обертки для виджетов фреймворков).

Не буду копипастить. Весь текст есть на стартовой странице среды разработки.
Запустить White IDE 2.0dev →
Демо проект: Файл → Примеры программ → Пример1
Запуск проекта на выполнение: Запустить → Запуск как есть

Да, документации пока нет, но будет обязательно. Лицензия GPL 2/3.
Известные баги в текущей версии:
В ИЕ: нельзя запустить приложение из IDE.
Гуглахром на Vista: ошибка «ширина вашего браузера 0px».
Opera 10a: нельзя открыть пример.

PS это dev версия

разброд и консолидация JavaScript / Habr

Возможности HTML-документов развивались постепенно: сначала все ограничивалось собственно текстом с тегами и изображениями. Позднее появилась возможность вставки и воспроизведения звуковых файлов и видеоклипов. Однако помимо размещения мультимедиа-контента на веб-странице существовала проблема динамической обработки запросов и управления просмотром. Для ее решения стандартных средств HTML не хватало.
При генерации страниц в Web возникает дилемма, связанная с архитектурой «клиент-сервер». Страницы можно генерировать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, разработав язык программирования JavaScript.

Таким образом, JavaScript — это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Однако на самом деле JavaScript — это не только язык для программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Тем не менее, наибольшую популярность JavaScript обеспечил front-end.

Основная идея JavaScript состоит в том, чтобы изменять отдельные значения атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом для актуализации изменений перезагрузка страницы не требуется.

Netscape Communications Corporation представляет

Компания Netscape Communications Corporation активно участвовала в процессе развития всемирной паутины. Последняя явно многим обязана этой компании: среди прочего Netscape подарила вебу JavaScript. Изначально компании удалось достойно вступить в борьбу за первенство в интернет-отрасли благодаря созданию и бесплатному распространению (для использования в домашних условиях) браузера Netscape Navigator.

Но в апреле 1995 года Netscape наняла Брендона Эйха, на которого была возложена особая миссия. Перед ним стояла задача внедрить язык программирования Scheme (или что-то похожее) в браузер Netscape Navigator.

Scheme — это функциональный язык программирования, один из двух наиболее популярных в наши дни диалектов языка Лисп (другой популярный диалект — это Common Lisp).

Однако постановка задачи была, мягко говоря, не слишком точна, Эйха перевели в группу, ответственную за серверные продукты, где он проработал месяц, занимаясь улучшением протокола HTTP. В мае разработчик был переброшен обратно, в команду, занимающуюся клиентской частью (браузером), где он немедленно начал разрабатывать концепцию нового языка программирования.

Через некоторое время появился скриптовый язык под названием LiveScript. Этот язык был создан для реализации интерактивности в HTML-документах, которые прежде были статичными. Поддержка LiveScript была реализована в первых версиях браузера Netscape Navigator, пользовался большой популярностью и успехом.

Помимо Брендана Эйха в разработке нового языка участвовали сооснователь Netscape Communications Марк Андрессен и сооснователь Sun Microsystems Билл Джой. Чтобы успеть закончить работы над языком к релизу браузера, компании заключили соглашение о сотрудничестве. Их целью было создать «язык для склеивания» составляющих частей веб-ресурса: изображений, плагинов, Java-апплетов, который был бы удобен для веб-дизайнеров и программистов, не обладающих высокой квалификацией.

В результате соглашения между Netscape Communications и Sun Microsystems и объединения идей LiveScript со структурой Java появилась среда под названием «Mocha», предназначенная для разработки сетевых приложений и, в конце концов, для создания динамичных web-страниц. Среда выпускалась как открытое ПО и была независима от используемой программной платформы.

Проект завершился созданием спецификаций, которые были опубликованы двумя компаниями в декабре 1995 года под названием JavaScript 1.0.

Netscape vs Microsoft vs стандартизация

Первым браузером, поддерживающим JavaScript, был Netscape Navigator 2.0. Однако корпорация Microsoft быстро сообразила, куда ветер дует и разработала свой «JavaScript», который получил название JScript 1.0. Естественно, его поддержка была реализована в браузере Microsoft Internet Explorer 3.0 и Internet Information Server.

Несмотря на то, что JScript формально был независимой разработкой Microsoft, он оказался совместимым с JavaScript 1.0 компании Netscape. Более того, сценарий, написанный для одного браузера, с большой вероятностью мог быть выполнен на другом браузере.

Позже компания Netscape выпустила версию JavaScript 1.1 для Netscape Navigator 3.0 и Live Wire Web server. В данной версии были сохранены все характерные черты языка JavaScript 1.0 и добавлено множество новых возможностей.

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

Для того, что сделать свою версию нового языка более популярной, компания Netscape выпустила описание JavaScript.

Однако вскоре Netscape, Microsoft и другие компании решили, что будет лучше мирно договориться и выработать единый стандарт. Европейская ассоциация производителей компьютеров (European Computer Manufacturing Association — ЕСМА) начала работу над ним в ноябре 1996 года. В июле следующего года был создан новый язык, получивший название ECMAScript.

А пока шла работа над стандартом, конкуренты не теряли времени и выпустили новые версии собственных языков – JavaScript 1.2 для браузера Netscape Navigator 4.0, и JScript 2.0 для браузера Microsoft Internet Explorer 3.0. Таким образом проблемы совместимости языков выполнения сценариев еще больше усиливались: при доработке этих языков не был учтен общий стандарт (ЕСМА).

Жизнь Web-разработчиков сильно осложнилась. Им не только пришлось запоминать особенности каждого браузера, но и создавать Web-страницы, которые можно было бы просматривать в обоих браузерах.

Большинство из них было уверено, что ситуация никогда не изменится и будет только усугубляться. Однако оптимисты надеялись, что благодаря ЕСМА браузеры снова станут совместимыми.
Конкурирующие компании прекратили упрямиться только к выходу третьей редакции стандарта ECMA 262 (ECMAScript Edition 3) и выпустили JavaScript 1.5, и JScript 5.5. Эти версии были практически на 100% совместимы с ECMAScript Edition 3.

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


Таблица 1.1. Поддержка JavaScript в браузерах Netscape


Таблица 1.2. Поддержка JavaScript в браузерах Internet Explorer

Тем не менее, JavaScript нашел широкое применение не только у разработчиков браузеров, но и в целом у создателей открытого ПО.

По данным Black Duck Software, в разработке открытого программного обеспечения доля использования JavaScript росла. 36 % проектов, релизы которых состоялись с августа 2008 по август 2009, написаны с использованием JavaScript.

JavaScript сегодня

Согласно TIOBE Index, базирующемуся на данных поисковых систем Google, MSN, Yahoo!, Википедия и YouTube, в августе 2016 года JavaScript находился на 7-ом месте. Год назад он занимал 9-ю позицию.

80 % открытого программного обеспечения написано на Си, C++, Java, Shell и JavaScript. При этом JavaScript — единственный из этих языков, чья доля использования увеличилась год к году (более чем на 2 процента, если считать в строках кода).

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

Кроме того, JavaScript активно применяется в следующих направлениях разработки:

• Бэкенд
• Мобильные приложения
• Десктоп приложения
• Embedded. Холодильники/часы/чайники/IoT

В настоящее время JavaScript является наиболее популярным языком программирования с прекрасно развитой экосистемой модулей OSS, который, в отличие от других существующих альтернатив, действительно можно назвать универсальным: «пишешь один раз, используешь везде» — идея, о которой создатели Java мечтали. И вот благодаря JavaScript она стала реальностью, писал Эрик Эллиот.

Перспективы JavaScript

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

Сложность современных веб-решений давно требует существенного пересмотра. Поэтому большое внимание разработчики уделили новым версиям стандарта JavaScript – ECMAScript 6 и 7.

6-я версия стандарта (который, кстати, в пику несостоявшемуся выпуску ES4 иногда называют как ES6 Harmony) содержит изменения, которые существенно облегчат создание сложных решений: классы, модули, коллекции, итераторы, генераторы, прокси, типизированные массивы, обещания, новые методы и свойства для стандартных объектов и новые синтаксические возможности и еще много чего.

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

В ECMAScript 7 вошли изменения, связанные с устранением недоработок и внесением уточнений к ECMAScript 6.

JavaScript по-прежнему остается перспективным языком программирования. О его перспективах достаточно много уже было написано на Хабре:

1. Рост использования TypeScript в реальных проектах, развитие альтернативных проектов и их взаимное обогащение.

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

3. Рост умных телевизоров и консолей с разработкой на JavaScript, нативная разработка на JS на многих современных платформах (но не всех).

4. Развитие API доступа к нативным возможностям устройства из JavaScript, адаптация NUI в JS. (Затянется на несколько лет.)

5. Новые переработанные версии популярных библиотек, повышение входного порога для создания комплексных фреймворков, нишевые решения на базе ES6.

6. Адаптация веб-компонент браузерами, принятие новых технологий разработчиками элементов управления и различных фреймворков.

7. Применение менеджеров пакетов и систем сборки для JavaScript в корпоративной и учебной среде, интеграция в популярные инструменты веб-разработки.

8. Развитие графических библиотек на JS, показательная адаптация новых технологий крупными или заметными игроками рынка (игры и интерактивный контент — основные драйверы).

9. Unity 5 с рендерингом в WebGL, развитие 3d и игровых библиотек, потенциальный прорыв через социальные сети.

10. Облачные решения для IoT на базе Node.js, новые экспериментальные проекты на клиентской стороне.

37 лучших IDE на любой вкус

Сложно представить процесс создания ПО без IDE. Предлагаем рассмотреть актуальные онлайн-среды разработки, которые могут вам понравиться.

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

  • AWS Cloud9 – поддержка любого языка в облачной виртуальной машине в комплекте с терминалом.
  • CodeEnvy – поддержка любого языка на виртуальной машине с Eclipse.
  • StackBlitz – работа с Angular и Ionic + автодополнение и мгновенная проверка ошибок.
  • CodeSandbox – работа с React, Vue, Angular, Preact + автодополнение, проверка ошибок и совместное редактирование.
  • Snack Expo – запускайте React Native в браузере и на iOS / Android устройстве.
  • Codeanywhere – работа со многими языками в контейнере с предварительно созданной средой и терминалом.
  • WebAssembly Studio – запускайте прямо в браузере C, Rust, Wat.
  • Remix – запускайте Solidity с компилятором, отладчиком и прямым доступом к сети Ethereum.
  • Wide – используйте Go с автодополнением и expression-info.
  • Glitch – очень мощный инструмент для работы с проектами Node.js с поддержкой контроля версий, CDN, совместной разработки, импорта / экспорта на GitHub и т. д.
  • Theia – поддержка любого языка на виртуальной машине в комплекте с терминалом, построенным на Monaco Editor.
  • Datalore – используйте Python для анализа и визуализации данных. В комплекте: совместная работа, инкрементальный расчет и интегрированное управление версиями.
  • M-Online – запускайте код MATLAB, для визуализации результатов, делитесь скриптами и работайте совместно над вычислениями.
  • Colaboratory – возможность запускать Python с ML-библиотеками и бесплатными GPU.
  • Coder – поддержка любого языка на виртуальной Linux-машине в комплекте с терминалом, линтингом и совместной разработкой.
  • Gitpod – запускайте любой язык на Linux-машине с терминалами, GitHub и Git интеграцией, линтингом, Docker-workspace и т. д.
  • Browxy – поддержка Java, С, C++, С#, Python и PHP с подсветкой синтаксиса.
  • Superblocks Lab – запускайте Solidity в Ethereum blockchain VM и редактором Monaco.

Теперь рассмотрим такие онлайн-среды разработки, как сниппеты. Эти сервисы имеют меньший функционал, но вполне способны скомпилировать и выполнить программу.

  • Glot – используйте более чем 30 языков, включая C#, Kotlin, Julia, Go и Ruby.
  • Codiva – запускайте код на C, С++ и Java с компиляцией и автодополнением кода.
  • Try It Online – данный инструмент поддерживает более чем 300 ЯП.
  • JDoodle – позволяет использовать свыше 100 языков и инструментов, включая Haskell, Prolog, MySQL и MongoDB.
  • Judge0 – поддержка 40 языков, в т. ч. Erlang, Elixir, OCaml и Octave.
  • Ideone – работайте более чем с 60 языками, среди которых AWK, Swift и SQL.
  • Repl.it – позволяет использовать больше 50 языков, в т. ч. Clojure, Scheme, Enzyme и Jest.
  • RunKit – инструмент требует регистрации и позволяет работать с Node.js.
  • OnlineGDB – поддержка C, C++, Java, Python, PHP и HTML + автодополнение кода.
  • SQLFiddle – работа с MySQL, MSSQL, PostgreSQL, SQLite и Oracle
  • Go Playground – используется для работы с Go.
  • Rust Playground – используется для работы с Rust.
  • TypeScript Playground – используется для работы с TypeScript.
  • Python Tutor – работайте с Python, JavaScript, TypeScript, Java, Ruby, C и C++, а также смотрите подробные пошаговые визуализации рантайма.
  • Codeboard.io – инструмент позволяет работать с ЯП C, C++, Eiffel, Haskell, Java и Python + проводить тестирование и оценку кода.

  • CodePen – инструмент для работы с HTML, CSS, JS.
  • JSBin – работает с HTML, CSS, JS, ТS.
  • JSFiddle – совместно разрабатывайте продукты на HTML, CSS, JS.
  • Flems – позволяет работать с HTML, CSS и JS без подключения к серверу (после загрузки страницы).

Оригинал

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *