Udostępnij za pośrednictwem

How to Build Complex User Interfaces with jQuery UI

  • Artykuł

Ralph Whitbeck, senior Web application engineer at BrandLogic, show how to build complex user interfaces using jQuery UI. It’s a sister project of jQuery that provides abstractions for low-level interactions and animations, advanced effects and high-level, themeable widgets, all built on top of the jQuery JavaScript Library.

In his blog post Introduction to Complex UIs Using jQuery UI, Ralph shows how to build a To-do List application (not the back-end, but the user interface part).

The requirements of the to-do list are as follows:

  • Ability to login
  • Ability to keep track of to-do’s in multiple projects
  • Add/Remove Projects
  • Add/Complete To-do items.
  • Sort To-do items.
  • To-do items will have a title, description and due date
  • The UI should share a common theme

The robustness of jQuery UI makes it easy to extend it to the needs of your application. The prepackaged themes that are available make it so that all your UI elements have a similar look and feel. The ThemeRoller that is available on jQueyUI.com can be used to make custom themes that you can use for your application.

Source code is provided for the example.

 

Bruce D. KyleISV Architect Evangelist | Microsoft Corporation

image