SlideShare une entreprise Scribd logo
1  sur  18
The JavaScript Revue Patterns and Frameworks Adam Roderick @adamroderick blog.adamroderick.com a.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 manipulation3. 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 tools Firefox Firebug - firefinder, firecookie Chrome w/ inspector IE w/ web developer toolbar jsfiddle.net fiddler w/ JSON viewer plugin (http://jsonviewer.codeplex.com/) ixedit, buildorpro
Organization/Maintainability http://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 Generation http://code.google.com/p/jsdoc-toolkit/ http://developer.yahoo.com/yui/yuidoc/ http://dojotoolkit.org/reference-guide/util/doctools.html Learn closures http://stackoverflow.com/questions/111102/how-do-javascript-closures-work http://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
Performance http://developer.yahoo.com/performance/rules.html http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_3/  http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/  Minifying http://www.crockford.com/javascript/jsmin.html http://encosia.com/2009/05/20/automatically-minify-and-combine-javascript-in-visual-studio/ http://yuicompressor.codeplex.com/ Compression http://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 MVC http://mvcscriptmanager.codeplex.com/ Caching http://weblogs.asp.net/rashid/archive/2008/03/28/asp-net-mvc-action-filter-caching-and-compression.aspx in MVC Bundling source files http://www.julienlecomte.net/blog/2007/08/13/ http://www.west-wind.com/Weblog/posts/10228.aspx
People & books http://addyosmani.com/blog/ Doug Crockford Dustin Diaz Pro JavaScript Design Patterns JavaScript: The Good Parts Dojo: The Definitive Guide http://ejohn.org/apps/learn/
The JavaScript Revue Patterns and Frameworks Adam Roderick @adamroderick blog.adamroderick.com a.roderick@aspenware.com

Contenu connexe

Similaire à The JavaScript Revue: Patterns & Frameworks

Web app and more
Web app and moreWeb app and more
Web app and more
faming su
 
A Taste of Java ME
A Taste of Java MEA Taste of Java ME
A Taste of Java ME
wiradikusuma
 
N01 cloud computing_and_gae
N01 cloud computing_and_gaeN01 cloud computing_and_gae
N01 cloud computing_and_gae
Sun-Jin Jang
 

Similaire à The JavaScript Revue: Patterns & Frameworks (20)

Web Apps and more
Web Apps and moreWeb Apps and more
Web Apps and more
 
Web app and more
Web app and moreWeb app and more
Web app and more
 
A Taste of Java ME
A Taste of Java MEA Taste of Java ME
A Taste of Java ME
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 
API Doc Smackdown
API Doc SmackdownAPI Doc Smackdown
API Doc Smackdown
 
Android - Open Source Bridge 2011
Android - Open Source Bridge 2011Android - Open Source Bridge 2011
Android - Open Source Bridge 2011
 
Micro-Frontends JSVidCon
Micro-Frontends JSVidConMicro-Frontends JSVidCon
Micro-Frontends JSVidCon
 
Thug: a new low-interaction honeyclient
Thug: a new low-interaction honeyclientThug: a new low-interaction honeyclient
Thug: a new low-interaction honeyclient
 
Building Cross-Platform Mobile Apps
Building Cross-Platform Mobile AppsBuilding Cross-Platform Mobile Apps
Building Cross-Platform Mobile Apps
 
Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010
Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010
Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010
 
N01 cloud computing_and_gae
N01 cloud computing_and_gaeN01 cloud computing_and_gae
N01 cloud computing_and_gae
 
HTML5 on Mobile
HTML5 on MobileHTML5 on Mobile
HTML5 on Mobile
 
HTML5 for Rich User Experience
HTML5 for Rich User ExperienceHTML5 for Rich User Experience
HTML5 for Rich User Experience
 
1 introduction of android
1 introduction of android1 introduction of android
1 introduction of android
 
Android Embedded - Smart Hubs als Schaltzentrale des IoT
Android Embedded - Smart Hubs als Schaltzentrale des IoTAndroid Embedded - Smart Hubs als Schaltzentrale des IoT
Android Embedded - Smart Hubs als Schaltzentrale des IoT
 
2011 08-24 mobile web app
2011 08-24  mobile web app2011 08-24  mobile web app
2011 08-24 mobile web app
 
Codeigniter
CodeigniterCodeigniter
Codeigniter
 
Creating an Effective Mobile API
Creating an Effective Mobile API Creating an Effective Mobile API
Creating an Effective Mobile API
 
Core Android
Core AndroidCore Android
Core Android
 
Csharp dot net
Csharp dot netCsharp dot net
Csharp dot net
 

Dernier

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Dernier (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 

The JavaScript Revue: Patterns & Frameworks

  • 1. The JavaScript Revue Patterns and Frameworks Adam Roderick @adamroderick blog.adamroderick.com a.roderick@aspenware.com
  • 2.
  • 3.
  • 4.
  • 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
  • 6.
  • 7.
  • 10. 1. Calling for data2. DOM manipulation3. Responding to events
  • 11.      animations     utility functions     widgets     CSS selectors
  • 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
  • 13.
  • 14. Dev tools Firefox Firebug - firefinder, firecookie Chrome w/ inspector IE w/ web developer toolbar jsfiddle.net fiddler w/ JSON viewer plugin (http://jsonviewer.codeplex.com/) ixedit, buildorpro
  • 15. Organization/Maintainability http://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 Generation http://code.google.com/p/jsdoc-toolkit/ http://developer.yahoo.com/yui/yuidoc/ http://dojotoolkit.org/reference-guide/util/doctools.html Learn closures http://stackoverflow.com/questions/111102/how-do-javascript-closures-work http://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
  • 16. Performance http://developer.yahoo.com/performance/rules.html http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_3/  http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/  Minifying http://www.crockford.com/javascript/jsmin.html http://encosia.com/2009/05/20/automatically-minify-and-combine-javascript-in-visual-studio/ http://yuicompressor.codeplex.com/ Compression http://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 MVC http://mvcscriptmanager.codeplex.com/ Caching http://weblogs.asp.net/rashid/archive/2008/03/28/asp-net-mvc-action-filter-caching-and-compression.aspx in MVC Bundling source files http://www.julienlecomte.net/blog/2007/08/13/ http://www.west-wind.com/Weblog/posts/10228.aspx
  • 17. People & books http://addyosmani.com/blog/ Doug Crockford Dustin Diaz Pro JavaScript Design Patterns JavaScript: The Good Parts Dojo: The Definitive Guide http://ejohn.org/apps/learn/
  • 18. The JavaScript Revue Patterns and Frameworks Adam Roderick @adamroderick blog.adamroderick.com a.roderick@aspenware.com

Notes de l'éditeur

  1. Named "JavaScript" 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 "JScript" to avoid trademark issues.  First released in IE 3.0 in 1996.1996, Netscape submitted to Ecma International, resulted in a standard named ECMAScript
  2. AJAX
  3.      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 & flash near ubiquity, silverlight and java in ~75%