Подборка инструментов Web девелопера

Version Control System

GitHub
Система контроля версий разработанная Линусом Торвальдсом специально для ОС Linux. Github — это самый крупный хостинг для открытых приложений, к тому же являющийся по совместительству социальной сетью. Он бесплатен для открытых проектов и имеет платен для закрытия репозиториев от сторонних глаз. Ещё он имеет удобный GUI для Windows.

Stash
Коммерческий инструмент от Atlassian. Выходит дешевле для разработки проектов большой командой.

Bitbucket
Прямой конкурент GitHub’у. Конкурентными преимуществами является возможность использовать Mercurial или Git, и иметь 5 закрытых репозиториев в бесплатном тарифе.
Идеально подходит для закрытых проектов маленькой команды. SourceTree — возможно, лучший git gui, сделан как раз для него.

IDE

Brackets
OpenSource IDE основанная на Node.js. Разработчики от Adobe четко придерживаются методологии гибкой разработки, делая билды каждые две недели, радуя новыми плюшками и функционалом. Из плюсов — замечательная система плагинов, автообновление без перезагрузки страницы изменившегося HTML и тесная интеграция с Google Chrome. Из неприятных минусов — кривые кириллические шрифты и все ещё недостаточная мощность по сравнению, например с WebStorm или Visual Studio. Зато есть мощные плагины, которые существенно расширяющие функционал, в том числе для серверных приложений.

Cloud 9
Онлайновая ИСР базирующаяся на собственно разработанном текстовом редакторе Ace. Имеет легкую интеграцию с Github, Bitbucket, умеет разворачиваться в облаке Heroku и Azure. Вау-фича в возможности совместного редактирования проекта. Cloud 9 имеет открытый исходный код и любой желающий может бесплатно развернуть сервак с ней или подписаться на коммерческие услуги используя серваки самой конторы.

Codio
Браузер-ориентированная ИСР для фронт-энд разработки.

WebStorm
Настроенный IntelliJ IDEA на работу с OpenWeb Platform. Множество плагинов расширяющих и без того мощные возможности по-редактированию JavaScript / Haxe / HTML / Node.js.

Client-Side

jQuery
Библиотека с самым большим числом верного коммьюнити. Причины по которой её стоит использовать банальны: кроссбраузерность, модульность, связка с другими плагинами использующие jQuery (например, jQuery UI), удобные полифилы для новых EcmaScript 5 нововведений.

Knockout
Маленькая и быстрая библиотека для кроссбраузерных data-bind’ов.

Angular
Взгляд Google на Front-End разработку для создания больших одностраничных приложений.

Backbone
Один из самых популярных JS-фреймворков. Маленький размер, расширяемость, следование идеологии JavaScript.

Ember
Сложный, мощный и интересный комбайн, работающий в себе связку из jQuery и handlebars.

Polymer
Всё необходимое для построения next-gen web-application для evergreen браузеров.

Vue
Самый хипстерский JS-фреймворк современности.

Server-Side

Node
Серверный JavaScript для построения мощных асинхронных веб-приложений. Разработан на V8-движке с возможностью подключения C++ модулей.

Rhino
Интеграция кода ECMAScript в Java-приложения. Разработка от Mozilla.

Full-Side

Meteor
Ответ Rails от мира JavaScript. Meteor.js создан специально для Real-Time приложений. Всё работает из коробки, в том числе разработка под мобильные платформы.

Derby
Менее монолитен чем Meteor, имеет поддержку NPM и множество разнообразных БД.

Back-End Javascript

Sails
Гибкий фреймворк для создания полноценных RESTfull приложений.

Koa
Следующее поколение фреймворков под Node от авторов знаменитого Express. Проповедует ES7 стиль написания кода и работает только на новых Node.js.

Hapi
Позволяет сфокусироваться на коде без лишних заморочек.

JavaScript Modules

RequireJS
Отложенная загрузка модулей по принципу AMD.

browserify
Browserify использует загрузку модулей NPM и некоторые библиотеки от Node.

Scaffolding

Yeoman
Инструмент для построения структуры (леса) проекта. Используя генераторы можно с легкостью собирать огромные приложения.

JavaScript Dependency Management

Bower
Сборщик клиентских пакетов от Twitter. Стал стандартом в клиентской веб-разработке.

NPM
Node Package Module. Менеджер пакетов созданный специально для Node, но каким-то образом ставший популярным и в среде Front-end

Yarn
Взгляд Facebook на пакетный менеджер для Node.

JavaScript Builders

Grunt
Один из первых сборщиков проектов построенный для JavaScript. Обладает обширным количеством плагинов на все случаи жизни.

Gulp
Быстрый сборщик. Количество плагинов молниеносно увеличивается с каждым днём благодаря легкому API.

Webpack
All-in-one решение для создания бандлов.

Rollup
Легкий сборщик JS-модулей. Удаляет лишние куски неиспользуемого кода, тем самым сокращая бандлы.

JS Alternatives

CoffeeScript
Разработанный как «сахар» над JavaScript, по сути является новым языком, цель которого – облегчить клиентскую разработку, убрать рутину и добавить простоты и скорости в процесс написания кода. Компилируется в JavaScript. Возможна отладка в браузере посредством Source Map.

TypeScript
OpenSource язык программирования, представленный Microsoft в 2012 году и позиционируемый как средство разработки веб-приложений, расширяющее возможности JavaScript типизацией и прочими ES Next фишками. Также компилируется в JavaScript с которым обратно совместим.

Dart
Google Dart позиционируется в качестве замены/альтернативы JavaScript, страдающего от «фундаментальных» изъянов, которые невозможно исправить путём эволюционного развития. Компилируется в JavaScript, но может быть запущен в специальном браузере Dartium (клон Chromium, с добавленной виртуальной машиной для Dart).

Elm
Чистый функциональный взгляд для построения Web сайтов.

CSS Preprocessing

Stylus
На данный момент самый мощный препроцессор. Его уникальной возможностью является переопределение встроенных свойств.

Less
Менее мощный, но и самый легкий в изучении препроцессор.

SCSS
Мощный инструмент расширяющий CSS. Доступны переменные, миксины, наследование и многое другое.

Mobile Development

PhoneGap
Создание мобильный приложений в привычной HTML5 среде.

Cordova

AppFramework
Разработанный в Intel фреймворк для кросс-платформенной разработки.

Titanium Appcelerator 
Создание полностью нативных приложений на JavaScript.

React Native
Создание нативных оболочек на React.js.

NativeScript

Mobile Frameworks

jQuery Mobile