Category Archives: JQuery

$(function(){…}) vs (function($){…})($) or DOMReady vs The Module Pattern

Posted on May 22, 2012 by Derick Bailey

This was originally a StackOverflow question. I’m re-posting here because I think the question is fairly common, and I like the answer that I provided.  Why define anonymous function and pass it jQuery as the argument? This is the original … Continue reading →

Also posted in Backbone, DOM, Javascript, Principles and Patterns | 1 Comment

Backbone.Syphon: Serialize Form Inputs To JavaScript Objects

Posted on May 17, 2012 by Derick Bailey

Working with form elements in a Backbone view can become very tedious very quickly. You will either end up writing a lot of repetitive code to read values from the form, or end up using a key-value-observer or data-binding solution … Continue reading →

Also posted in Backbone, Backbone.Syphon, Javascript, JSON | 10 Comments

Wrapping $.ajax In A Thin “Command” Framework For Backbone Apps

Posted on May 4, 2012 by Derick Bailey

A large number of my recent client applications, built on Backbone, have been using straight jQuery AJAX calls. Sometimes its in combination with Backbone’s persistence method, but other times I end up using AJAX calls in place of Backbone calls. … Continue reading →

Also posted in AJAX, Backbone, Semantics, Underscore | 4 Comments

Managing A Modal Dialog With Backbone And Marionette

Posted on April 17, 2012 by Derick Bailey

My current client project is using Twitter Bootstrap, and I have to say I’m loving it. It provides a simple way to get started with common layout and design elements, and includes a handful of UI widgets and features that … Continue reading →

Also posted in Backbone, DOM, Javascript, Marionette, Twitter Bootstrap | 9 Comments

JavaScript Performance: Pre-Compiling And Caching HTML Templates

Posted on April 10, 2012 by Derick Bailey

If you’re using HTML templates with a JavaScript application, you need to be caching the template’s raw text and/or pre-compiled version of the template. All of this spawned from a fun thread of discussion on a StackOverflow question. DOM Selection … Continue reading →

Also posted in Backbone, DOM, Javascript, Marionette, Performance | 6 Comments

Composite Views: Tree Structures, Tables, And More

Posted on April 5, 2012 by Derick Bailey

One of the more recent features that I added to my Backbone.Marionette framework is the CompositeView. It’s actually been in the code for a while now, but in a recent version I extracted it out of the CollectionView and in … Continue reading →

Also posted in Backbone, Composite Apps, Design Patterns, Javascript, JSFiddle, Marionette | 6 Comments

Providing Synchronous / Asynchronous Flexibility With jQuery.when

Posted on March 27, 2012 by Derick Bailey

I’ve quickly become a fan of jQuery’s Deferred / Promise features. They’ve been around for a little bit now, but I only recent started using them and they’ve helped me solve a number of problems with my asynchronous JavaScript code. … Continue reading →

Also posted in Async, Backbone, Javascript, Marionette | 8 Comments

TrafficCop: A jQuery Plugin To Limit AJAX Requests For A Resource

Posted on March 20, 2012 by Derick Bailey

A while back, I wrote about asynchronous template loading for Backbone applications. At the bottom of that post, I showed some code that I wrote which would limit the number of AJAX calls that are made to the server, to … Continue reading →

Also posted in Async, Javascript | 4 Comments

Resizing KendoUI Splitter To Fill Screen Vertically

Posted on March 2, 2012 by Derick Bailey

I dropped the jQuery.Layout plugin in favor of KendoUI’s Splitter control yesterday. Kendo’s Splitter is just so much easier to use and more flexible. It was a no-brainer for me, really. But I ran in to a problem: how to … Continue reading →

Also posted in Javascript, JSFiddle, KendoUI | 1 Comment

Handling DOM Events With EmberJS Views And Controllers

Posted on February 22, 2012 by Derick Bailey

Hot on the heels of picking up Ember and starting to learn it, I think I’ve actually learned something useful! I certainly hope I have, at least. Otherwise, I’m going to be in trouble soon. In my EmberCloneMail app, I … Continue reading →

Also posted in DOM, Ember, Javascript, Model-View-Controller, Model-View-Presenter | 8 Comments