JS Framework — UI, CSS, Layouts, REST, хорошая документация?

Question

[web_dev]

Здравствуйте, делаю проект на javaEE.

Проект учебный, и выбор Frontenda — это быстрое построение UI. Мне не хочется плясать с html и css. Поэтому было решено поискать готовый JS framework с UI.

Но как и в случае с javaEE, в js — свой «зоопарк» всевозможных фреймфорков.


Погуглив пол дня, устал миловаться красотами и могуществом js-фреймворков, и за отсутствием большого опыта работы с frontend и в частности с JS-UI. Решил обратится к сообществу за мнениями, и советами.


Значит для меня главные критерии:

— Layouts;

— UI (фреймворк обладает достаточно большим количеством готовых компонентов, виджетов);

— CSS(соответственно уже написаны всевозможные css классы и все уже красиво смотрится, мне остается этим только пользоваться);

— REST функционал (для общения с моим приложением);

— хорошая документация, интуитивно понятный и простой синтаксис, достаточное количество примеров;


Из моего поиска, наиболее приглянулись эти библиотеки.

ExtJs
Webix
yuilibrary
angularjs
jqueryui


Вопросы:

1. Какая из библиотек наиболее подходит под требования?

2. Посоветуйте что-то лучшее, чего я не нашел.


Спасибо!

Answer 1

[lindverka]

Я бы выбрала Webix. Лэйауты очень легко настраиваются и отлично работают на десктопных и мобильных устройствах. В библиотеке около 40 UI готовых компонентов, стили все прописаны при помощи CSS.
Начиная с версии 1.1, можно использовать REST API с компонентами Webix.
Количество примеров тоже радует( пишут, что около 80 демок с интересным функционалом (не проверяла, но верю;) , и я насчитала 9 интересных демо приложений).
Документация на английском, но написано понятно и последовательно. Есть еще и интерактивные туториалы.

Comments

[Алексей Типа]

А можно к вам обратиться с вопросами про webix?

Answer 2

[Назар Мокринский]

Вместо jQuery UI рекомендую UIkit, или Twitter Bootstrap 3 (отдаю предпочтение первому).
Они шустрее, легче, выглядят более приятно и современно.

Comments

[web_dev]

Спасибо, но в шустрости у меня вопрос не стоит. То что вы предложили, отвечает выше перечисленным требованиям?

[Назар Мокринский]

Предложенное даст набор готовых элементов (кнопки, списки, подсказки, вкладки, выпадающие меню, и т.д.), сетку для страницы.
Это CSS фреймворки с набором виджетов, некоторые из них используют JavaScript, но пользоваться всем этим очень легко.
REST — это не к ним, а вот документация и примеры на официальных сайтах есть.

[web_dev]

Ок, я спрашивал другое, но и за этот ответ спасибо.

Answer 3

[Руслан Лопатин]

Не вполне понятно что вы ищете. В приведённом вами списке — смесь совершенно разных технологий и подходов. Если вы всё-таки ищете готовый набор виджетов для построения RIA, а не просто средство для работы с HTML5/JS/CSS, то можете взглянуть ещё и на qooxdoo. Ну и, разумеется, на Dojo, чтобы знать как оно бывает.

В рамках Eclipse, кстати, развивается проект Remote Application Platform. Он, вроде бы, qooxdoo использует. Не знаю, насколько оно пригодно для использования.

А так, вот сравнение различных библиотек. Выбирайте.

Comments

[web_dev]

Вот собственно и я пытаюсь разобраться как можно быстро построить UI в связке с javaEE. (jsp, jsf, templateEngine и так д… пользуюсь, но для клиента, хочется чтоб был html/css/JS).

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

Значит так, мне не хочется(не подходит) все то, что в итоге у клиента получается только js. Соответственно отпадает RIA, ExtJs. Так же не рассматривается RAP, GWT, Vaadin и им подобные фреймворки.

И насколько я понимаю, одним инструментом тут не обойтись.

Возьмем тогда в качестве js языка jQuery — как наиболее популярный. Для отправки ajax и так д… Тем более что примеров просто безграничное количество.

Теперь остается определить для себя хороший фреймворк для построения каркаса приложения. Было бы в идеале если бы он обладал также инструментом для построения таких каркасов. Я имею в виду так называемый «ui-designer». Мышкой набросать компоненты, назначить айдишники и все — каркас готов. Что-то похожее на Dreamviewer только со своей библиотекой.

А так, вот сравнение различных библиотек. Выбирайте.

— еще бы я много понимал в этом сравнении. )))
Спасибо!

[web_dev]

воот что мне нужно «drag n drop html builder» со встроенным фреймворком или возможностью подключать любой.

[web_dev]

Имеется в виду любой (css/html framework), к примеру нашел вот что www.layoutit.com/, есть что-то получше может? Хотя, покликав, мне очень понравилось, очень и очень здорово.

[Руслан Лопатин]

Тогда ничем не могу помочь. В моём понимании программирование — это написание программ. Кликанье мышкой в UI-дизайнере я к таковому не отношу.

[web_dev]

)))) Я с Вами полностью согласен, но сейчас речь идет в максимально быстром построении front-end дабы больше сосредоточить внимание на backend-dev.
Разве (html/css) — это языки программирования? Меня просто немного раздражает ручками создавать css и html.
Задавал вопрос с одним уклоном, а все перешло в другой, и то похоже что все сводится к тому, что мне и нужно.
Вы мне помогли даже очень хорошо. Спасибо.

Answer 4

[Дмитрий Гроза]

Думаю, extjs как раз отвечает вашим требованиям, но у него достаточно высокий порог вхождения.

вот что есть интерфейсного (гриды, формы, лайауты и прочие компоненты): docs.sencha.com/extjs/4.2.1/extjs-build/examples/themes/index.html
есть rest прокси: docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.proxy.Rest
документация, как мне кажется, просто отличная

Comments

[web_dev]

Спасибо за ответ, но как я писал выше — хочу на выходе html/css, а не сгенерированный js.

Думаю, extjs как раз отвечает вашим требованиям, но у него достаточно высокий порог вхождения.

— знаю полтора года назад приходилось с ним работать.

Answer 5

[Юрий Ярош]

Если не хочется плясать с html / js то лучше вооще не смотреть в сторону JS фреймворков.

Для j2ee есть vaadin zk
Отлично интегрируются с Grails.

Не могу сказать что работают очень гладко, но в целом генерируемый html / css / js довольно вменяемый, и кастомизация проходит с пол-пинка.

ИМХО ExtJS шлак, хотя и ExtGWT туда же ...
Порог вхождения не так высок как пишут - документация хреновая и дилетантов много.
По большему счету большое bloatware.

Для яблофилов можно глянуть cappuccino
Правда там сейчас тотальная перетрубация и раздел власти, будущее проекта довольно туманно.

Comments

[web_dev]

Неее, в ту кашу лезть не хочу, Как-то пришлось иметь дело с Vaadin. Больше не захочется наверное к ничему подобному притрагиваться.. Насколько я помню, от Vaadin я просто вместо html странички получал какой-то чудовищный js. С ExtJs тоже работал, если не ошибаюсь с недавних пор была введена mvc модель. Тоже так себе.. От яблока далек... Для себя определил следующее, bootstrap плюс где нужно чуток jQuery. Тем более есть онлайн-редакторы в которых покликав можно быстренько сваять нужный интерфейс.

[Юрий Ярош]

Vaadin сейчас намного более съедобен чем раньше. Уже седьмая версия вышла как ни как. Я работал давно с пятой, там было куча проблем. Вот сейчас по большему счету по субъективным оценкам порог вхождения в нем идентичен GWT, и даже ниже. К производительности и вменяемости генерируемого JS кода у меня лично сейчас претензий нет, а раньше были... и их было много. ZK в этом плане не очень отстает, правда в нем чисто декларативный подход - на любителя.