Enhance the user experience (UE)
So far, this article has focused entirely on the benefits of using JavaScript frameworks and how to make it easier to build interactive applications. However, on the other hand, each framework has its own tempting prospects, including user interface (UI) components and user experience (UE) enhancements, which require a lot of effort.
This chapter will explore the user experience of the following framework:Prototype, JQuery, YUI, ExtJS and MooTools.
Prototype
Prototype is one of the few that does not include out-of-the-box UI components or user experience improvements. Instead, it obeys all sister library script.aculo.us (Scripty2, which is the latest version known). Script.aculo.us has increased widespread support for prototype effects and behavior. These effects include: highlighting, deforming, folding, shaking, sliding, swelling. Script.aculo.us also supports drag, slide, Ajax realtime editing, and automatic prompts. Script.aculo.us the design of controls (such as: Slider and AutoComplete) to developers without providing standard skin.
Jquery
Unlike the prototype library, the core of jquery includes some basic user experiences. This is similar to some of the simple effects of Script.aculo.us, such as slide, fade. However, for more advanced user experience features, you need to download the JQuery UI library, which includes more effects such as drag, zoom, and sort. Unlike Script.aculo.us, the JQuery UI also includes small parts or components, and provides developers with more compelling excuses to make it easier to develop. Currently, these components include: accordion, DatePicker, Dialog, ProgressBar, Slider, and tabs. These parts are completely themed, and the JQuery UI has a broad theme that can be used to meet the needs of your own web site or network application. Figure 1 shows the jquery UI DatePicker widgets and Apple themes.
Figure 1:jquery UI DatePicker Parts