Улучшение пользовательского опыта (UE)
До сих пор эта статья была полностью сосредоточена на преимуществах использования фреймворков JavaScript и на том, как они облегчают создание интерактивных приложений. Однако, с другой стороны, у каждого фреймворка есть свои привлекательные перспективы, включая компоненты пользовательского интерфейса (UI) и улучшения пользовательского опыта (UE), которые требуют больших усилий.
В этой главе будет рассмотрен пользовательский опыт следующих платформ: Prototype, jQuery, YUI, ExtJS и MooTools.
Прототип
Прототип — один из немногих, который не включает в себя готовые компоненты пользовательского интерфейса или улучшения пользовательского интерфейса. Вместо этого он обращается ко всем родственным библиотекам script.aculo.us (Scripty2, последней известной версии). script.aculo.us добавляет обширную поддержку эффектов и поведения прототипа. К этим эффектам относятся: выделение, деформация, схлопывание, дрожание, скольжение и расширение. script.aculo.us также поддерживает перетаскивание, скольжение, редактирование Ajax в реальном времени и автоматические подсказки. Script.aculo.us оставляет разработку элементов управления (таких как слайдер и автозаполнение) разработчикам и не предоставляет стандартные скины.
jQuery
В отличие от библиотеки Prototype, jQuery включает в себя базовый пользовательский интерфейс. Это похоже на некоторые простые эффекты Script.aculo.us, такие как скольжение и затухание. Однако для получения более продвинутых функций взаимодействия с пользователем необходимо загрузить библиотеку пользовательского интерфейса jQuery, которая включает в себя больше эффектов, таких как перетаскивание, масштабирование и сортировка. В отличие от Script.aculo.us, пользовательский интерфейс jQuery также включает в себя несколько небольших виджетов или компонентов и предоставляет разработчикам более привлекательный повод, упрощая разработку. В настоящее время к этим компонентам относятся: Accordion, Datepicker, Dialog, Progressbar, Slider и Tabs. Виджеты полностью поддерживают темы, а пользовательский интерфейс jQuery имеет широкий спектр тем, которые вы можете использовать в соответствии с потребностями вашего собственного веб-сайта или веб-приложения. На рис. 1 показаны виджет jQuery UI Datepicker и тема Apple.
Рисунок 1. Виджет выбора даты пользовательского интерфейса jQuery.
.jpg)