The JavaScript Revue<br />Patterns and Frameworks<br />Adam Roderick<br />@adamroderick<br />blog.adamroderick.com<br />a....
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<br />
Good.<br />
Demos<br />
1. Calling for data2. DOM manipulation3. Responding to events<br />
     animations     utility functions     widgets     CSS selectors<br />
    Minifying     Compression     Script combining     Caching     Performance     Application architecture     Code organ...
Dev tools<br />Firefox<br />Firebug - firefinder, firecookie<br />Chrome w/ inspector<br />IE w/ web developer toolbar<br ...
Organization/Maintainability<br />http://blog.mixu.net/2010/01/26/organizing-javascript-code/<br />http://www.wait-till-i....
Performance<br />http://developer.yahoo.com/performance/rules.html<br />http://developer.yahoo.com/blogs/ydn/posts/2007/07...
People & books<br />http://addyosmani.com/blog/<br />Doug Crockford<br />Dustin Diaz<br />Pro JavaScript Design Patterns<b...
The JavaScript Revue<br />Patterns and Frameworks<br />Adam Roderick<br />@adamroderick<br />blog.adamroderick.com<br />a....
Upcoming SlideShare
Loading in …5
×

The JavaScript Revue: Patterns & Frameworks

2,299 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,299
On SlideShare
0
From Embeds
0
Number of Embeds
356
Actions
Shares
0
Downloads
20
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Named &quot;JavaScript&quot; in a joint announcement with Sun in 1995 - hence confusion with recruiters thinking it is the same as Java.JavaScript was trademark of Sun, now trademark of Oracle.  Hence &quot;JScript&quot; to avoid trademark issues.  First released in IE 3.0 in 1996.1996, Netscape submitted to Ecma International, resulted in a standard named ECMAScript
  • AJAX
  •      debugging is a pain, no good IDEs (no great IDEs), I miss static typing, I miss easy interfaces, I miss mature pattern community, mature frameworksUnique opportunities - like on the fly manipulation, being in the browser itself, CDNs, combing scripts from multiple sources, so close to the web, near ubiquity     javascript &amp; flash near ubiquity, silverlight and java in ~75% 
  • The JavaScript Revue: Patterns & Frameworks

    1. 1. The JavaScript Revue<br />Patterns and Frameworks<br />Adam Roderick<br />@adamroderick<br />blog.adamroderick.com<br />a.roderick@aspenware.com<br />
    2. 2.
    3. 3.
    4. 4.
    5. 5. 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<br />
    6. 6.
    7. 7.
    8. 8. Good.<br />
    9. 9. Demos<br />
    10. 10. 1. Calling for data2. DOM manipulation3. Responding to events<br />
    11. 11.      animations     utility functions     widgets     CSS selectors<br />
    12. 12. 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<br />
    13. 13.
    14. 14. Dev tools<br />Firefox<br />Firebug - firefinder, firecookie<br />Chrome w/ inspector<br />IE w/ web developer toolbar<br />jsfiddle.net<br />fiddler w/ JSON viewer plugin (http://jsonviewer.codeplex.com/)<br />ixedit, buildorpro<br />
    15. 15. Organization/Maintainability<br />http://blog.mixu.net/2010/01/26/organizing-javascript-code/<br />http://www.wait-till-i.com/2008/05/23/script-configuration/<br />http://yuiblog.com/blog/2007/06/12/module-pattern/<br />http://www.dustindiaz.com/namespace-your-javascript/<br />http://www.wait-till-i.com/2007/08/22/again-with-the-module-pattern-reveal-something-to-the-world/<br />http://ajaxian.com/archives/maintainable-javascript-videos-are-now-available<br />Documentation Generation<br />http://code.google.com/p/jsdoc-toolkit/<br />http://developer.yahoo.com/yui/yuidoc/<br />http://dojotoolkit.org/reference-guide/util/doctools.html<br />Learn closures<br />http://stackoverflow.com/questions/111102/how-do-javascript-closures-work<br />http://sixrevisions.com/javascript/6-advanced-javascript-techniques-you-should-know/<br />http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/<br />http://james.padolsey.com/javascript/closures-in-javascript/<br />http://www.jibbering.com/faq/faq_notes/closures.html<br />http://blog.morrisjohns.com/javascript_closures_for_dummies<br />http://ejohn.org/apps/learn/#48<br />
    16. 16. Performance<br />http://developer.yahoo.com/performance/rules.html<br />http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_3/ <br />http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/ <br />Minifying<br />http://www.crockford.com/javascript/jsmin.html<br />http://encosia.com/2009/05/20/automatically-minify-and-combine-javascript-in-visual-studio/<br />http://yuicompressor.codeplex.com/<br />Compression<br />http://www.julienlecomte.net/blog/2007/08/13/<br />http://weblogs.asp.net/rashid/archive/2008/03/28/asp-net-mvc-action-filter-caching-and-compression.aspx in MVC<br />http://mvcscriptmanager.codeplex.com/<br />Caching<br />http://weblogs.asp.net/rashid/archive/2008/03/28/asp-net-mvc-action-filter-caching-and-compression.aspx in MVC<br />Bundling source files<br />http://www.julienlecomte.net/blog/2007/08/13/<br />http://www.west-wind.com/Weblog/posts/10228.aspx<br />
    17. 17. People & books<br />http://addyosmani.com/blog/<br />Doug Crockford<br />Dustin Diaz<br />Pro JavaScript Design Patterns<br />JavaScript: The Good Parts<br />Dojo: The Definitive Guide<br />http://ejohn.org/apps/learn/<br />
    18. 18. The JavaScript Revue<br />Patterns and Frameworks<br />Adam Roderick<br />@adamroderick<br />blog.adamroderick.com<br />a.roderick@aspenware.com<br />

    ×