Scribd
Upload
64 views3 pages

List

This document provides an overview of tools for building jQuery applications, including reusable components, single-page application frameworks, templating, patterns for large-scale applications, code structure, events/routing, testing, script loading, and build tools. It discusses standard and custom jQuery plugins, frameworks like Backbone.js and Sammy.js, templating options like Mustache.js and Handlebars, architectural patterns like MVC and MVVM, module patterns, and tools for various parts of developing jQuery applications.

Uploaded by

rjegannathan
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
64 views3 pages

List

This document provides an overview of tools for building jQuery applications, including reusable components, single-page application frameworks, templating, patterns for large-scale applications, code structure, events/routing, testing, script loading, and build tools. It discusses standard and custom jQuery plugins, frameworks like Backbone.js and Sammy.js, templating options like Mustache.js and Handlebars, architectural patterns like MVC and MVVM, module patterns, and tools for various parts of developing jQuery applications.

Uploaded by

rjegannathan
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Tools for jQuery Application Architecture

   Re-­usable  components  
Standard  jQuery  Plugin  
o Patterns  
 Event-­‐driven  pattern  
 Object-­‐driven  pattern  
 In-­‐loop  driven  pattern  
 Class  and  Function  pattern  
 Extend  pattern  
$.widget  factory  jQuery  Plugin  
jQuery.Controller  
 
   Single-­page  Applications  
   Framework  
Backbone.js  
o Utilities  
 Underscore.js  
Sammy.js  
   Templating  
jQuery  templates  plugin  
Mustache.js  
Handlebars  
Dust.js  
ICanHaz.js  
PURE  
MicroTemplates  
Closure  Templates  
jQuery  View  (jQuery  templates  with  inheritance)  
 
   Large-­scale  applications  
Patterns  
o Architecture  
 MVC  
 JavaScriptMVC  
 Backbone.js  +  Underscore  
 SproutCore  
 Eyeballs.js  
 Sammy.js  
 Choco  
 MVVM  
 Knockout  JS  
 

TOOLS  FOR  jQUERY  APP  ARCHITECTURE  –  A  GUIDE  FROM  ADDYOSMANI.COM  


 
 
 
Code  Structure  
o Module  Pattern    
 Revealing  Module  Pattern  
o Inheritance  Pattern  
o Prototype  Pattern  
o Sandbox  Pattern  
o Observer  (PubSub)  Pattern  
Events,  Routing  and  Tools  
o pub/sub  
 Ben  Alman's  implem  (comparison  version)  
 Peter  Higgin's  implem  
 Custom  Events  
 jsSignals  
 OpenAjax  Hub  
o Hash/Routing  &  Bookmarking  
 routes.js  
 History.js  
 Ben  Alman's  BBQ  &    hashchange  
Tools  
o Feature  Detection  
 Modernizr  
 HeadJS  
 has.js  
o Debouncing  
 jQuery  debounce  
 
 jQuery  Throttle/Debounce  
 doTimeout  plugin  
o LocalStorage  
 Store.js  
 jQuery  Offline  
 PersistJS  
Unit  Testing  
o QUnit  
o Jasmine  (BDD)  
o FireUnit  
o Crosscheck  
o JSSpec  (BDD)  
o jsTestDriver  
Script  Loading  
o LAB.js  
o RequireJS  
o StealJS  
o ControlJS  
o JSL  
o HeadJS  
o $script.js  

TOOLS  FOR  jQUERY  APP  ARCHITECTURE  –  A  GUIDE  FROM  ADDYOSMANI.COM  


 
o yepnope.js  (conditional  polyfill  loading)  
 
o Load.js  
o LazyLoad  
o curl.js  
o DeferJS  
o jquery.defer.js  
o jQI  
o DominateJS  
o Bootstrap  
o NBL.js    
Build  Tools  
o Concatenation  
 Jake  
 Sprockets  
 Closure  Compiler  
 Smasher  
 YUI  Compressor  
 Minify  
o Minification  
 Closure  Compiler  
 YUI  Compressor  
 UglifyJS  
 JSMin  
 Microsoft  Minifier  
 Packer  for  .NET  
 ShrinkSafe  

TOOLS  FOR  jQUERY  APP  ARCHITECTURE  –  A  GUIDE  FROM  ADDYOSMANI.COM  


 

You might also like