Javascript.RU

Результаты опроса: Как вам UI
Похоже на унылое говно 20 68.97%
Однозначно буду использовать 7 24.14%
Пока не разобрался что это 2 6.90%
Голосовавшие: 29. Этот опрос закрыт

Создать новую тему Ответ
 
Опции темы Искать в теме
  #91 (permalink)  
Старый 23.05.2013, 01:52
Аватар для megaupload
Профессор
Отправить личное сообщение для megaupload Посмотреть профиль Найти все сообщения от megaupload
 
Регистрация: 18.01.2013
Сообщений: 1,098

ВЕРСИЯ 0.2.1



<script src="http://yourjavascript.com/1544031232/fix.js"></script>
<script src="http://yourjavascript.com/5235321071/concatenated.js"></script>

<div ux-module="box">
  <h1>{{moduleName}}</h1>
  <p each="item in items">{{item}}</p>
</div>

-------------------------------------------

<div ux-module="box:ololo">
  <h1>{{moduleName}}</h1>
  <p each="item in items">{{item}}</p>
</div>


<script>

  UX.modules['box'] = Module.extend(function() {
    this.moduleName = 'Бокс';
    this.items = [1, 2];
  });


  // добавим данные в вид модуля box типа "ololo"
  UX.modules['box:ololo'] = {
    items: ['рас', 'два', 'три']
  };

</script>


тип модуля описывается так

ux-module="box"

а конкретный инстанс со своими данными состоянием и.т.п. описывается так ux-module="box:ololo" при том наследование модулей ни кто не отменяет, ux-module="window, box:ololo"

вот это называется отец делает

грубо говоря модули box:ololo и box:крякря отличаются только данными

Последний раз редактировалось megaupload, 23.05.2013 в 01:58.
Ответить с цитированием
  #92 (permalink)  
Старый 23.05.2013, 07:58
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

Могло быть хуже
Правда я немогу понять что это.

Под виджетом как правило понимают часть UI который быстро и удобно можно использовать много раз. Те же самые виджеты в jquery UI и jQuery mobile можно создавать в пару строк.. Значит как система виджетов твой проект уже не канает. У тябя для слайдера потребуется написать с десяток тегов, против одного в jQueryMobile.

<!--сложный виджет в jQueryMobile созданный одной единственной строкой -->
<input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50">

http://view.jquerymobile.com/1.3.1/d...dgets/sliders/

Виджеты кажись отпадают, по крайней мере в таком виде.

Как программист ты чуточку вырос в моих глазах, но мнение о твоей адекватности пока на прежнем уровне
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 23.05.2013 в 08:17.
Ответить с цитированием
  #93 (permalink)  
Старый 23.05.2013, 08:30
Аватар для megaupload
Профессор
Отправить личное сообщение для megaupload Посмотреть профиль Найти все сообщения от megaupload
 
Регистрация: 18.01.2013
Сообщений: 1,098

Сообщение от DjDiablo
У тябя для слайдера потребуется написать с десяток тегов
О_О наркоман штоле? апдейт же сделал. спиздив идеи с ангуляра))

И кстати да, один человек (не будем показывать пальцев) как-то сказал,
это тебе так кажется правильным на деле же людям куда удобнее другое.

По этому я решил навешивать обработчики автоматически, чтобы виджет сам решал)) в общем весь IU состоит из модулей и виджетов)
модули состоят из виджетов)

ui="module:widget"


написав эту штуку он сам навесит на элементы все обработчики
А ТАК ЖЕ, можно будет моуль настроить так чтобы он автоматически, при инициализации взял и добавил эти 2 поста из шаблона в "дату" а потом уже к ним плюсовал новые сообщения)) в любом случае создатель модуля будет решать что с ними делать)

например можно будет сделать меню с логикой меню оч просто и он сам подцепит пункты, это как классы)
а можно сделать меню чат, так как работает наследование



ну как вам?

Последний раз редактировалось megaupload, 23.05.2013 в 08:33.
Ответить с цитированием
  #94 (permalink)  
Старый 23.05.2013, 08:34
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

Думая над тем что же ты написал (смотрю как есть) пришёл к выводу.

Наверно больше всего твои виджеты смахивают на jQuery плагины но с отличиями.
1) у всех виджетов есть шаблонизатор.
2) Часть логики ui прописывается в атрибутах.
3) связывание данных в рамках одного виджета

Если развивать эту линию то чего нехватает?
1) Виджет должен создавать недостающий HTML как к примеру Range из jQueryMobile в посте выше.
2) При создании HTML из виджета логично по максимуму задействовать шаблонизатор.
3) Обеспечить подписку на события DOM из кода виджета (в module), чтобы не грузить пользователя виджета описывать события в HTML которые нужны просто для того чтобы виджет работал.
4) геттеры и сеттеры для виджета чтобы задавать значения из вне, к примеру из controller в паттерне MVP

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

В плане применения думаю твои виджеты могут применятся там же где и jquery плагины.

Другого применения придумать не смог, так как невижу возможно отделить вывод от данных (в angular, backbone и вообще в любом фреймворке это возможно ). То есть масимум применения это виджеты и то при условии что модуль станет более самостоятельным и не будет требовать от пользователя HTML и атрибутов которые виджет мог бы сгенерить и сам.

Короче определись
либо ты какую-то платформу для виджетов пишеш вроде Widget Factory в jQueryUi но с блекджеком и шлюхами,
либо MVVM фреймворк вроде Angular
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 23.05.2013 в 14:40.
Ответить с цитированием
  #95 (permalink)  
Старый 23.05.2013, 09:27
Аватар для megaupload
Профессор
Отправить личное сообщение для megaupload Посмотреть профиль Найти все сообщения от megaupload
 
Регистрация: 18.01.2013
Сообщений: 1,098

Сообщение от DjDiablo
Часть логики ui прописывается в атрибутах.
чувак, я только что сделал апдейт)) есть только один аттрибут гш ui
ВСЕ )) ну и может each добавлю для галочки, хот логика виджета сама будет все еачи делать)))

Сообщение от DjDiablo
3) Обеспечить подписку на события DOM из кода виджета в module, чтобы не грузить пользователя виджета описывать события в HTML которые нужны просто для того чтобы виджет работал.
сделано) седня или завтра реализую то что на скринах выше сделал

Сообщение от DjDiablo
Напомню виджет - компонент пользовательского интерфейса удобный для многократного применения. Другими словами виджет создаётся чтобы избежать дублирования кода при описания поведения одинаковых элементов управления.
а у меня не так, у меня теперь все по другому. У меня весь UI делится на модули которые состоят из виджетов. на скрине выше же все показано)
и ДА, ты будешь дублировать разметку модулей КАЖДЫЙ РАЗ, и это не плохо это фитча) я позже обьясню всю идеалогию чтобы вы поняли)

Последний раз редактировалось megaupload, 23.05.2013 в 09:31.
Ответить с цитированием
  #96 (permalink)  
Старый 23.05.2013, 09:31
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

Ну и где Юракс? Мы с посонами уже распечатали и торжественно сожгли документацию по Angular а ты нас напарил лошара
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием
  #97 (permalink)  
Старый 23.05.2013, 09:34
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

Поправьте если ошибаюсь. Это же только модуль юракса? А где сам юракс? Посоны мб он где то засветил его уже? Кто знает и успел скачать скиньте мне.
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием
  #98 (permalink)  
Старый 23.05.2013, 11:55
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

Сообщение от DjDiablo
<!--сложный виджет в jQueryMobile созданный одной единственной строкой -->
<input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50">
И это правильно.

Сам делаю подобно:
<input type="text" data-value="20" data-max="3000" data-min="0" data-step="1" data-type="vertical" data-element="slider">


Это идея расширения и она приходит сама по себе, т.к. логична.

У megaupload, сейчас нет идеи, он дергает разные из разных мест и валит все в кучу. Может из urax и вырастет что-то хорошее, но пока он в зачаточном состоянии и обсуждать нечего, т.к. автор не определился что он пишет.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
Ответить с цитированием
  #99 (permalink)  
Старый 23.05.2013, 12:19
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

Цитата:
Может из urax и вырастет что-то хорошее
А мне кажется он ради спортивного интереса и троллинга всё это делает. Закончится тем что просто бросит всё это и всё.
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием
  #100 (permalink)  
Старый 23.05.2013, 18:18
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Tim Посмотреть сообщение
А мне кажется он ради спортивного интереса и троллинга всё это делает. Закончится тем что просто бросит всё это и всё.
это уже четвёртый его проект, который он выкладывает на форум (включая идеи и сомнительные демки в виде скринов), по моему. и ни один до конца так и не довёл.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обсуждений тред cyber Оффтопик 2135 03.10.2018 08:10
React'а тред melky Оффтопик 246 13.11.2016 08:07
Webpack'а тред nerv_ Сборка проекта, утилиты 58 07.05.2016 13:46
Github Atom'а тред melky Оффтопик 16 01.04.2015 07:44