The JavaScript Revue: Patterns & Frameworks

18
The JavaScript Revue Patterns and Frameworks Adam Roderick @adamroderick blog.adamroderick.co m

description

Resources from my presentation. The last slides contain a lot of useful links.

Transcript of The JavaScript Revue: Patterns & Frameworks

Page 1: The JavaScript Revue: Patterns & Frameworks

The JavaScript RevuePatterns and Frameworks

Adam Roderick@adamroderick

[email protected]

Page 2: The JavaScript Revue: Patterns & Frameworks
Page 3: The JavaScript Revue: Patterns & Frameworks
Page 4: The JavaScript Revue: Patterns & Frameworks
Page 5: The JavaScript Revue: Patterns & Frameworks

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

Page 6: The JavaScript Revue: Patterns & Frameworks
Page 7: The JavaScript Revue: Patterns & Frameworks
Page 8: The JavaScript Revue: Patterns & Frameworks

Good.

Page 9: The JavaScript Revue: Patterns & Frameworks

Demos

Page 10: The JavaScript Revue: Patterns & Frameworks

1. Calling for data2. DOM manipulation

3. Responding to events

Page 11: The JavaScript Revue: Patterns & Frameworks

animations utility functions

widgets CSS selectors

Page 12: The JavaScript Revue: Patterns & Frameworks

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

Page 13: The JavaScript Revue: Patterns & Frameworks
Page 14: The JavaScript Revue: Patterns & Frameworks

Dev toolsFirefox

Firebug - firefinder, firecookieChrome w/ inspector

IE w/ web developer toolbarjsfiddle.net

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

ixedit, buildorpro

Page 15: The JavaScript Revue: Patterns & Frameworks

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

Page 16: The JavaScript Revue: Patterns & Frameworks

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

Page 17: The JavaScript Revue: Patterns & Frameworks

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

Page 18: The JavaScript Revue: Patterns & Frameworks

The JavaScript RevuePatterns and Frameworks

Adam Roderick@adamroderick

[email protected]