Slashdot Mirror


Learning jQuery

hal10001 writes "One complaint of just about any book that attempts to teach a new language or technology is a presumed level of expertise by the authors. I found it refreshing that in Learning jQuery the book begins... well, at the beginning, and increases in difficulty along with the concepts. It gives designers and entry-level interface developers the opportunity to come up to speed at an acceptable pace."Read below for the rest of Brian's thoughts on the book. Learning jQuery author Jonathan Chaffer, Karl Swedberg pages 352 publisher Packt Publishing rating 8/10 reviewer Brian Reindel ISBN 978-1-847192-50-9 summary Better Interaction Design and Web Development with Simple JavaScript Techniques While I consider the screenshots to be lacking in quality, overall, this book will definitely leave you satisfied. The essentials required to be successful at developing with jQuery are all touched upon, and the depth of explanation for each piece of code is precise and clear. You will not find yourself flipping through chapters of fluff, added only to beef up the number of pages. Each tutorial and example is carefully planned and executed.

Describing concepts in relation to any JavaScript library can be difficult. Since libraries are in fact JavaScript, it can be easy to confuse beginners. The authors are careful not to allow this to happen. This is especially apparent in Chapter 3, when highlighting the event model, event capturing and event bubbling. A clear distinction is made between browser implementations and the unique facets of jQuery. Official documentation is often wanting in these areas, and the book fills in the gaps nicely.

Throughout Learning jQuery, additional notation is included to subtly remind developers of any potential gotchas, which is a nice feature. For instance, while referencing the clone() method, it was noted that only elements of the DOM are copied, and not the events previously associated with those elements. These tips are always appreciated, since in a development environment they can prevent hours of head-scratching, and help eliminate frustration.

I was also impressed that the authors cover both JSON and XML as data-interchange formats in Chapter 6, AJAX-How to Make Your Site Buzzword-Compliant. This illustrates conformity not to a single standard, but to real-world development scenarios, where you might encounter both formats. My only complaint here is that not enough time was spent specifically on jQuery's $.ajax() method for AJAX implementations, since in my experience this tends to be more popular than the $.get() method.

The only change I would make to the format of the book would be to divide it into two parts. It is obvious that the authors intended to begin with jQuery key concepts, and then move into cookbook mode. This does happen after Chapter 6, but it would have been helpful to make that distinction more evident. If you do buy the book, be aware that in order to digest these great tutorials, that you should dedicate more time for the latter half of the book.

Finally, I would like to add that although this book does not cover jQuery v.1.2, or the UI plugin, it is still worth the purchase. If you use the latest version of jQuery, and still want to implement the same XPath selectors covered in the book, you just need to download a plugin. You will not find a better resource online for getting into the guts of the jQuery JavaScript library than you will offline reading the book Learning jQuery.

You can purchase Learning jQuery from amazon.com. Slashdot welcomes readers' book reviews -- to see your own review here, read the book review guidelines, then visit the submission page.

14 of 85 comments (clear)

  1. what is jquery? by stoolpigeon · · Score: 4, Informative

    somebody is gonna ask.
     
      jquery This seems like a good place to start.

    --
    It's hard to believe that's how Micronians are made. Why don't we see it right now by having you both kiss one another?
    1. Re:what is jquery? by Goyuix · · Score: 4, Insightful

      Perhaps I am just feeding the troll, or perhaps I am just sharing my perspective... but having used many of the same libraries you have we somehow diverged at some point. And that is probably a good thing as I doubt we are really working with the same audience. I really have little to do with design and interaction, I really tend to focus much more on architecture/transport/etc.... the actual "business" logic.

      My evolution went from using prototype to investigating scriptaculous, mootools and YUI - none of which lasted very long as quite frankly they *seemed* more like toys to animate elements on the page rather than providing a clean and transparent way of sending/retrieving data and altering the data on the page. They were quite good at what they did (or their demos showed) but never really seemed to address what I was trying to accomplish. YUI was also VERY cool, but also very bloated feeling and cumbersome to actually use. Put simply, I am much more interested in things like JSON, REST and POX than the various libraries to help transition between those "transports" and display on the page.

      A while back, maybe a year or possibly a bit more, I was introduced to jQuery by another developer and based on his recommendation decided to check it out. I wasn't quite ready to switch over from prototype (which seemed to more closely resemble the custom JS I would write) and adopt a new kind of similar yet strange syntax from a library I didn't quite have an appreciation of. After adopting it for one project to force myself to learn and use it, I have since whole heartedly switched over from prototype and now love and endorse jQuery as the default AJAX library (I hate to call it that, since it really does so much more). Quite honestly I think each of the "major" libraries out there has many benefits, and I am sure you can cite a great variety of reasons why product x is better than product y so check out what is there and see which one is really going to help you the most. If I was doing complex UI manipulation stuff, I would probably look at scriptaculous or mootools again, although the preview for jQuery UI looks promising as well.

      *Disclaimer/Note: this is just my personal experience with them and should not reflect anything on the actual product. I fully recommend checking out the various options to see what works best for you.

    2. Re:what is jquery? by Bogtha · · Score: 2, Informative

      Mootools is simply faster, smaller, and more modular (read: well written) than the competition.

      Faster, smaller and more modular? Firstly, if you are worrying about the speed at which your JavaScript executes, you are almost certainly either prematurely optimising or using way too much JavaScript. Only a minority of developers need to worry about that, even assuming older clients. Having said that, the release notes for jQuery 1.1.3 have some interesting notes regarding the benchmark you refer to:

      • We're over 800% faster than we were in jQuery 1.1.2.
      • We're the fastest framework in the most popular browser, Internet Explorer 6.
      • We're the only framework that doesn't give incorrect results.

      As for smaller, well jQuery is 26kb after packing, and the link you provide says that mootools is 34kb after packing, so I don't see how your link backs you up there.

      As for more modular and well written, in what sense do you mean this? I skimmed over the website, and was struck at how mootools' site itself abuses JavaScript (major annoyance: don't use <div> s and JavaScript to badly emulate links when a real <a> element would do). I find it hard to believe that a project that makes basic mistakes like that would be well written, but if you would care to go into detail perhaps I might change my mind.

      --
      Bogtha Bogtha Bogtha
  2. Bravo by cromar · · Score: 3, Insightful

    While I don't plan to use jQuery, I must commend you on a very well written review. It provides your opinion of the book, without bogging the reader down in chapter-by-chapter recounts of the material.

  3. Well? Well? by MeditationSensation · · Score: 2, Insightful

    Oh, man, I'm really getting annoyed at that "...well, blah" phrase people use. Next time someone, well, says it, I'm going to, well, sticking a fork in my, well, eye!

  4. oldie but a goodie by tehwebguy · · Score: 4, Informative

    This site doesn't seem to be updated in a few versions, but it's still very applicable:
    http://www.visualjquery.com/

    --
    -- lol pwned
  5. Expertise assumed by authors? by stephend · · Score: 2, Interesting

    "One complaint of just about any book that attempts to teach a new language or technology is a presumed level of expertise by the authors."

    Actually I have the exact opposite experience: whenever I try to buy a book for a new language (or whatever) they always assume that I'm starting right from the beginning, to the point of explaining what an "if" statement and a "for" loop are for. I'm sorry, but if I'm learning C++ or Perl it's pretty unlikely that it's going to be my first computer language.

    I know it's difficult to get the level right but not every book has to be 1000 pages long with full colour screen-shots...

    1. Re:Expertise assumed by authors? by jeffstar · · Score: 2, Funny

      Perl was my first language! no wonder nobody will hire me now.

  6. AJAX Frameworks by dannydawg5 · · Score: 5, Informative

    As a web developer, I get asked quite a bit about AJAX frameworks/code libraries. I have nothing but praise for jQuery. Here's my take on some of the major players:

    1. YUI has been object-oriented to the point of uselessness. Everything requires YAHOO.blah.blah.blah(YAHOO.EventUtil.blah.blah.blah), and then they want you to have another line with YAHOO.AddListener.blah.blah(yourFunction) to add it to the execution list. I like objects. Wait, let me clarify, I like MY objects! I stopped doing what they asked and starting writing wrapper functions to their functions.

    2. GWT requires a zillion steps. I spent half a day installing a Java IDE and compiler and running example projects to see how to use it. Perhaps this is useful for massive projects like Gmail, but for the rest of us who are just looking to add a few effects, instead of writing Java to generate JavaScript, you are better off just writing the JavaScript directly.

    3. The Scriptaculous documentation seemed nonexistent. I was trying to find meaty documentation, and every page was essentially "LOOK WHAT I CAN DO!1!11"

    In short:

    1. YUI has a zillion files and still leaves you writing tedious DOM and your HTML ugly. They DO have some good stuff, which I will get to later.

    2. GWT is like installing MS Word when you all needed was a good text editor.

    3. Scriptaculous will leave you hanging.

    (Side Note: I was just learning DOM when I tried out Scriptaculous. The bad taste may be the learning curve all beginner's must go through).

    My recommendation:

    -Go with jQuery + YUI's "reset-fonts-grids.css" file.

    That YUI css file will reset all the browser defaults to an even layout saving you tons cross-browser tweaking. (Some things I disagree with though, like no bullets or numbers on your UL and OL tags. Still worth it though.) YUI Grids also has some nice templates to help you with div-based layouts. They have a few added extras too beyond just JavaScript code libraries.

    jQuery is simply the most elegant and concise JavaScript library I've found. The idea behind it, "find this, and then do that", is great. The code looks simple, and your HTML code is left clean! People have developed modules for it too, so I may can replace my YUI added extras and just worry about 1 code library.

    Hope that helps someone,
    Dan

    1. Re:AJAX Frameworks by hal10001 · · Score: 3, Informative

      Hi vurg, You will find that Prototype is a bit more verbose than jQuery, and that DOM manipulation is more complicated. However, if you're just using it for effects, then I suggest you take a good look at both, since Scriptaculous (built on top of Prototype) is very well received, while jQuery's UI plug-in is fairly new.

  7. Re:lost in DOM caves by Anonymous Coward · · Score: 2, Interesting

    I am trying to think of a worse idea than this, but failing.

    It makes more no sense to shoehorn relational concepts into something -- a Document -- that is inherently non-relational than it does to shoehorn hierarchical concepts into something inherently relational.

    I am more than willing to be proven wrong, however; if you think it is a good idea, you could pretty easily build a jQuery plugin to provide SQL-like access to elements in a document. It would be a good test bed for your ideas that would require no more than a browser for others to try it. Release it into the wild, and, if the idea truly has merit, people (including me) will embrace it. If not, or it is too diffuclt for you to implment, than perhaps the idea is not all that you think it is.

  8. Very good, and very easy by SirJorgelOfBorgel · · Score: 2, Interesting

    I have used other javascript libraries like Dojo and YUI in the past, but I fell in love with jQuery after a day of playing with it. It's lean and it's mean. I was by no means very good in JavaScript when I started with it (though I did have a lot of experience in other programming languages), but jQuery was really easy to grasp. Then after a few weeks, after reading lots of code for jQuery plugins and the like, I found I knew a hell of a lot of rediculous details and (seemingly) 'quirks' (that are really cool features) about JavaScript. By now I find JavaScript actually a nice language to code in, all because of jQuery! (Seriously, I tried the same with YUI and Dojo and just got a headaches) Best JavaScript framework I have ever used, even if I disagree with JohnResig about what important features all the time ;)

  9. Perhaps some way of "querying" the document? by weston · · Score: 2, Informative

    I feel that DOM should be tossed and replaced with a relational equivalent

    You mean some sort of method of accessing it via flexible symbolic queries describing attributes and relationships between nodes? One that retrieved arrays of matching results?

    If only someone had invented such a thing. ;)

    (To be fair, most of the other libraries have something similar as well.)

  10. Re:"more modular" == "well written"? Seriously? by Bogtha · · Score: 2, Funny

    Take a look at the download page:

    http://mootools.net/download

    Notice anything?

    Nope. The reason why I don't notice anything is because the contrast between the text and the background is so low that the text is invisible unless I crank up the gamma on my monitor, and even when I do so, the text is unreadable because it's absolutely tiny. They've actually hard-coded a 9px font size in there. Ridiculous.

    What's more, they specify the OS X font Lucida Grande, which has a large x-height, followed by Arial, which has a normal x-height, meaning that if you don't have Lucida Grande installed (e.g. Linux users), the text appears smaller than if you do have Lucida Grande installed (e.g. OS X users). Where do some designers get the idea that this style text is in any way a good idea?

    --
    Bogtha Bogtha Bogtha