Какие есть приложения для разработки и сборки приложений html/js/css?

Question

[pocteg]

Добрый день!

Стоит задача по созданию веб приложения. Хочется отойти от перезагрузки страниц в сторону полностью ассинхронной front end версии. Интересует список программ, средств разработки которые помогут из смеси html js и css файлов, получить приложение для продакшен сервера с minify js/сss файлами.

Также интересует среда разработки, которая в этом деле поможет. И средства тестирования.

Спасибо за ответы!

Answer 1

[Push Pull]

ide - WebStorm
загрузчик - RequireJS (его одного будет достаточно)
js MV* библиотеки/фреймворки: AngularJS, EmberJS, Backbone, Ractive.js, React, Dojo
тестирование (TDD, BDD): Mocha, Chai, Jasmine, QUnit, Automator.js
Сборщики: Grunt, Gulp
css фреймворки: Bootstrap, Foundation, PureCSS, Blueprint, knacss
графика: Three.js, Kinetic.js
утилиты: Underscore.js, Microajax, is.js
шаблонизаторы: Handlebars, Mustache, t.js
хранение данных: localForage, LocalDB.js

есть еще много чего, но вам бы по немногу бы все освоить.
конечно лучше бы начать с чего-то простого, например backbone

Comments

[pocteg]

Наверное немного не так задал вопрос. Написать приложение я могу. С помощью Ангулара, бутстрапа, того же бекбона. Но мне его нужно собрать. То есть, сейчас на сервер я заливаю то что пишу, но мне нужно, что бы все js были minify, как и css. Это пока основной вопрос.

[Push Pull]

@pocteg https://github.com/gruntjs/grunt-contrib-uglify
или https://github.com/gmarty/grunt-closure-compiler

[pocteg]

@deadbyelpy Спасибо, это уже похоже то что нужно!

Answer 2

[Vasiliy Os]

По сборке рекомендую nodejs-based сборщики grunt и gulp (последний должен быть быстрее, но под него вроде не особо много плагинов). Обычно их используют через Yeoman-генераторы, например, для сборки chrome- или angular.js-приложения. Есть генераторы и для сборки статический сайтов, и даже под php-фреймворки (что лично меня удивило). Один жирный минус у них - ненужные или неудобные подзадачи / настройки подзадач сборки. Плюс иногда нужно въезжать в новые библиотеки/шаблоны. Но можно брать и отдельные примеры, экспериментировать с вариантами сборки и писать свои сборщики. В общем, рекомендую.