jQuery UI 1.6 By Dan Wellman And PACKT Publishing

Posted March 30, 2009 at 8:53 AM by Ben Nadel

Tags: Javascript / DHTML, Books

Last night, I finished reading jQuery UI 1.6 by Dan Wellman (published by PACKT Publishing). Released in January 2009, it's slightly behind the times - jQuery UI 1.7 just came out a few weeks ago. But, even if it's not completely up to date, it is still a great book that covers the fundamentals of the jQuery UI library, all the existing widgets, and even touches on the CSS widget framework (something that was really fleshed out in v1.7).


 
 
 

 
jQuery UI 1.6 By Dan Wellman And PACKT Publishing.  
 
 
 

I have never used any of the jQuery UI widgets before, so this is a topic that I was excited to explore. I've been looking for a good UI framework that I could build into and extend within my applications. I know that jQuery is the only Javascript framework that I want to work with, and after reading jQuery UI 1.6, I believe that the jQuery UI library is something that will add tremendous value to my software.

jQuery UI 1.6 is the perfect mix of reference manual and real-world tutorial. It covers every aspect of the jQuery UI behaviors, utility classes, and widgets in a systematic way; but, it keeps it interesting by iteratively applying new ideas to easy-to-follow examples. It does a great job of getting you familiar with all the configuration options, methods, and events, and really gets you to start thinking about where you might apply such aspects in your own programming.

One of the most impressive things about the jQuery Javascript Framework in general is the large amount of functionality that you get with just a little bit of code. The jQuery UI library takes this concept and almost makes a caricature of it; with just a constructor call and some simple settings, the jQuery UI library provides extremely rich, highly interactive features to your software. Take that and then add things like internationalization (i18n) and the ThemeRoller and you have a really robust library with very little effort.

The jQuery framework really brought event-driven programming to Javascript by simplifying and unifying the way events are captured and handled. The jQuery UI library follows nicely on this path. Every action that takes place in jQuery UI widgets or behaviors triggers a number of events, all of which can be listened for and reacted to. For example, with the sortable behavior, dragging an item from list to another triggers the following events:

  • start
  • activate
  • sort
  • change
  • beforeStop
  • stop
  • remove
  • update
  • receive
  • deactivate

You'll have to look at the book or the documentation to see what each of these events represents; but, with such a robust event model, the jQuery UI library gives you ample ability to monitor and react to all aspects of the UI library behaviors. The jQuery UI library black-boxes its implementation, but it gives you plenty of opportunity to follow along and even modify the way things are working.

The jQuery UI library is narrow in its API but extremely deep in its functionality. Learning how to leverage its entire set of features is not going to take place overnight. But, for anyone looking to get more comfortable with the jQuery UI library, I highly recommend jQuery UI 1.6 by Dan Wellman as a starting point. Like I said above, it's the prefect mix of real world tutorial and reference manual. It will get you solid on the basics and itching for mastery.




Reader Comments

There are no comments posted for this web log entry.

Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »
Feb 9, 2012 at 10:29 PM
Learning ColdFusion 9: Application-Specific Data Sources
@Ben, No offence, but if people were really wanting advanced features they would be using a platform like ASP.NET MVC. CFML is so structurally compromised as a tag-based scripting language that ... read »
Feb 9, 2012 at 10:03 PM
Subversion - Cleanup Failed To Process The Following Paths
@Leviaguirre, do you still have problems with this? ... read »