The JavaScript RevuePatterns and Frameworks

Adam Roderick@adamroderick

blog.adamroderick.coma.roderick@aspenware.com

A “peanut” is neither a pea nor a nut. Actually, it is a root and part

of the legume fam…you know what, forget it

Good.

Demos

1. Calling for data2. DOM manipulation

3. Responding to events

animations utility functions

widgets CSS selectors

Minifying Compression Script combining Caching Performance Application architecture Code organization/modularity Automated builds Unit testing Library/API documentation Event Bus/Pub sub Data binding Documentation generation Accessibility (a11y) Internationalization (i18n) Mobile devices

Dev toolsFirefox

Firebug - firefinder, firecookieChrome w/ inspector

IE w/ web developer toolbarjsfiddle.net

fiddler w/ JSON viewer plugin (http://jsonviewer.codeplex.com/)

ixedit, buildorpro

Organization/Maintainabilityhttp://blog.mixu.net/2010/01/26/organizing-javascript-code/http://www.wait-till-i.com/2008/05/23/script-configuration/http://yuiblog.com/blog/2007/06/12/module-pattern/http://www.dustindiaz.com/namespace-your-javascript/http://www.wait-till-i.com/2007/08/22/again-with-the-module-pattern-reveal-something-to-the-world/http://ajaxian.com/archives/maintainable-javascript-videos-are-now-available

Documentation Generationhttp://code.google.com/p/jsdoc-toolkit/http://developer.yahoo.com/yui/yuidoc/http://dojotoolkit.org/reference-guide/util/doctools.html

Learn closureshttp://stackoverflow.com/questions/111102/how-do-javascript-closures-workhttp://sixrevisions.com/javascript/6-advanced-javascript-techniques-you-should-know/http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/ http://james.padolsey.com/javascript/closures-in-javascript/ http://www.jibbering.com/faq/faq_notes/closures.html http://blog.morrisjohns.com/javascript_closures_for_dummies http://ejohn.org/apps/learn/#48

Performancehttp://developer.yahoo.com/performance/rules.htmlhttp://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_3/ http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/

Minifyinghttp://www.crockford.com/javascript/jsmin.htmlhttp://encosia.com/2009/05/20/automatically-minify-and-combine-javascript-in-visual-studio/http://yuicompressor.codeplex.com/

Compressionhttp://www.julienlecomte.net/blog/2007/08/13/http://weblogs.asp.net/rashid/archive/2008/03/28/asp-net-mvc-action-filter-caching-and-compression.aspx in MVChttp://mvcscriptmanager.codeplex.com/Cachinghttp://weblogs.asp.net/rashid/archive/2008/03/28/asp-net-mvc-action-filter-caching-and-compression.aspx in MVCBundling source fileshttp://www.julienlecomte.net/blog/2007/08/13/http://www.west-wind.com/Weblog/posts/10228.aspx

People & bookshttp://addyosmani.com/blog/Doug CrockfordDustin DiazPro JavaScript Design PatternsJavaScript: The Good PartsDojo: The Definitive Guidehttp://ejohn.org/apps/learn/

The JavaScript RevuePatterns and Frameworks

Adam Roderick@adamroderick

blog.adamroderick.coma.roderick@aspenware.com