Errata for JavaScript Web Applications

$('.clicky').click(proxy(this.wasClicked, this)); should be: $('.clicky').click(proxy(self.wasClicked, this));

in the Student class, it seems that "price" should be "pay".

The example should be using the target property, not the currentTarget, because the li is the target of the bubbling event. Using currentTarget, the condition won't ever be met. // Delegating events on a ul list list.addEventListener("click", function(e){ if( e.target.tagName == "li" ) { return false; } });

jQuery.ready(function($){ should be jQuery(document).ready(function($){ The code 'jQuery.ready(function)' doesn't queue up a function callback for when the DOM is ready, as stated, but actually delivers to jQuery notification that the DOM is ready. To queue up a DOMContentLoaded callback, you call the .ready function on a jQuery element instance, not the 'static' .ready function on the jQuery object itself.

rather than if(e.currentTarget.tagName == "li" it should be if(e.target.tageName == "LI") All three major browser (FF,IE9, Chrome) returns tagName in capital latters.

The semi colon at the end of: var element = $(this); will cause the var on the next line to be leaked globally

"It’s so simple, in fact, that we can put it inline:" I think maybe here the word simple should be replaced with "short". I was also surprised more explanation wasn't provided with this code. I also tried this with code as-is with the latest version of JQuery and only the first argument made it to the subscriber.

$.publish("/some/topic", "a", "b", "c"); s/b $.publish("/some/topic", ["a", "b", "c"]);

On page 35 we attached the function "create" to the Model object using the "Model.include" function. On page 37 we changed "create" to include automatic id generation but then use "Model.extend". Probably just meant "Model.include"? "Model.extend" overwrites the "Model.create" function which was previously used to mint new instances of the Model object.

"Asset.extend({ find: function(id){" I think you maybe mean Model not Asset here (but I could be wrong).

Both jQuery's mouseover and mouseout methods accept a single callback function. Here they are also given a second boolean argument.

jQuery(function(){ shall be jQuery(function($){ as the "$" variable is used in line 4, as $(window).trigger("hashchange");

Whatever is inside the brackets get executed in the context of the object passed to jQuery.tmpl(), regardless if it's a property or function. executed s/b evaluated. If it's a property, it can't be executed. "get" s/b "gets" or "is" "regardless if" could be reworded too.

Note from the Author or Editor:
Fixed - thanks so much!

shouldn't the Content-Type be image/gif?

The YUI compressor command-line should redirect (">"), not pipe ("|")

shouldn't this: assertEqual( User.instanceProperty, "foo" ); assertEqual( User.prototype.classProperty, "bar" ); be like this? assertEqual( User.prototype.instanceProperty, "foo" ); assertEqual( User.classProperty, "bar" );

the routes example is missing a comma after the "search/:query/p:page" line.

Controllers are now called Routers in Backbone.js

this.delegate('.next','click', function(){ paginate.attr('offset', paginate.offset+paginate.limit); }) this.delegate('.prev','click', function(){ paginate.attr('offset', paginate.offset-paginate.limit); }); should be this.delegate('.next','click', function(){ paginate.next(); }) this.delegate('.prev','click', function(){ paginate.prev(); }); to use the helper methods created above.

"// Select the children of 'bar' with a class of 'foo' var foo = $(".bar .foo");"

The example is written: var element = $("p"); element.addClass('bar"); element.text("Some content"); The first line should read var element = $("<p>"); This error is present on page 210 of the PDF, position 425.3 of the ePub (per Calibre), position 5214 of the mobi (per Kindle DX), and position 380 of the mobi (per Calibre).

Opera appears twice.