jQuery UI 1.7: The User Interface Library for jQuery [Paperback]

This weekend, I finished reading jQuery UI 1.7 [The User Interface Library For jQuery] by Dan Wellman (released by PACKT Publishing). It's a follow-up to his jQuery UI 1.6 book, which I reviewed in early 2009. With a technology that is evolving as fast as jQuery, it's important that the documentation keep up such that we may know how to best leverage the tools that we have available; Dan's latest book, jQuery UI 1.7, does just that - bringing us completely up-to-speed with all aspects of the jQuery UI library.

One thing that I was thrilled to see when reading this book was that after a brief introduction to jQuery and jQuery UI, Dan dives directly into the jQuery UI CSS framework. With the 1.7 release of jQuery UI, the library has become completely standardized in the way that the markup and CSS classes are applied to the library widgets. Not only does this make it easy to uniformly skin the widgets (via tools like ThemeRoller), it provides a good structure for anyone hoping to create their own custom user interface widgets.

Dan covered the CSS framework in chapter 2, but I was very happy to find the CSS framework being brought up as a consistent theme throughout the book; each widget-based chapter takes time to examine the programmatically-generated HTML of each widget instance as well as how the phenotype of each widget might be overridden with some simple CSS rules. Whether through the configuration options or through customized CSS, Dan really does a great job of painting a picture of flexibility; as with any library, it's important to not feel like you've locked yourself into a corner, and Dan takes great care to drive home the point that jQuery UI is empowering, not constraining.

The CSS exploration in this book was very good and it made me greedy; I wanted to see more. Particularly, I would have loved to have seen a chapter dedicated to the concept of authoring your own jQuery UI widgets. Throughout the book, Dan touches on this concept, showing us were we might use a ui-widget-header or ui-widget-content class to theme our own markup, but authoring as a topic was never really fleshed out. Of course, I have a suspicion that an exploration in authoring widgets would fill another book, not just another chapter (hint hint ;)).

Beyond the CSS framework and all that it entails (which is something that I was particular interested in), the book provides exhaustive documentation of how the UI widgets and UI behaviors work. Starting each widget with the out-of-the-box default configuration, Dan discusses what each option, callback, and event binding does and how we can leverage them to enhance the user experience. When it comes to the UI behaviors (drag, drop, resize, select, sort), which are by nature less tangible, Dan takes extra care to step through examples with increasing complexity, describing real-world scenarios in which the various behaviors might be used (ex. maze game, task list, image viewer, Google-style portal).

In addition to the focused explanation of each widget and behavior, Dan also demonstrates the high-intercompatability of the various library components. Whether it's nesting tabbed interfaces within accordions, accordion interfaces within modal windows, date pickers as modal prompts, or applying sortability behaviors to tabbed interfaces, I was very happy to see that the underlying structure of the jQuery UI library was so well thought out that nesting one widget within another causes no complications.

Overall, jQuery UI 1.7 [The User Interface Library For jQuery] is a very thorough book and definitely a solid resource for anyone looking to become familiar with the ins and outs of the library. Dan Wellman has a clear and easy-to-follow writing style and lays out his examples with increasing complexity in a way that everyone can understand. He appears to have a good grasp on the underlying CSS framework, and in fact, this is a topic on which I'd like to see him write a lot more.

This book is intended to take you step by step through the jQuery UI library, an official suite of plugins that will take your web apps to the next level. It covers the high and low level widgets that make up the UI library, and the CSS and effects frameworks too.

The book will be easy enough for relative beginners to pick up the book (although some knowledge of HTML, CSS, and basic jQuery is required). Each chapter starts with the most basic usage example so that everyone can get up and running quickly. More options and methods are gradually introduced (with plenty of code samples along the way. Each piece of code can also be downloaded from the publisher's web site to save you having to type it!) Each chapter ends with a more advanced example which shows off an imaginative use of the library.

The book is engaging and well-written, and will serve as a great reference book after you read it through once. I would heartily recommend this title for beginner to intermediate users of jQuery UI.

I didn't finish this book, but read about 40% of it. After you read that much of it, you can pretty much see all of the patterns that jQuery UI uses and use it for any of the components. The book talks about the structure and framework of jQuery UI at the beginning, then goes on to the different components and tells you how to style and make them function. It isn't a javascript programming book, so it doesn't get too fancy with clever ways you can use the jQuery UI framework. It is a good reference book that can get you started with the API and get something up running quick.

Learning the basics of jQuery isn't that difficult if you are decent at programmer - which is great for a designer like me. If you get this book, the beginning chapters are the most useful, and the later chapters will turn into more of a reference if you decide to use a component that you haven't used. Then again, the online jQuery documentation is pretty dang good with examples and source, so you will probably end up using the jQuery website after you are somewhat comfortable with everything.