1. ArtLung Rosetta Visit: http://github.com/artlung/ Choose: ArtLung Rosetta Click “Download Source”

2. Who Joe Crawford @artlung Web Developer [email_address]

3. What 0.1 ArtLung Rosetta is an effort to contain example code for the major JavaScript libraries. In short: I know how to do X with Y library, how do I do that in Z library? It's very basic, seeking feedback, suggestions.

4. What 0.2 What libraries are included? Ext Core Glow dojo jQuery MooTools Prototype

5. When? Created September 2009. Inactive since then.

6. Where? http://lab.artlung.com/rosetta/ http://github.com/artlung/Artlung-Rosetta/ http://github.com/artlung/

7. Why? While working for large multiplayer game site, it standardized dojo. I saw similarities and differences between it and jQuery. I also was tasked to examine some exploit code (injected cookie grabber) that used ExtJS. Frustration with my ignorance led to the thought that side by side “hello world” examples should exist. Thus, ArtLung Rosetta.

8. Examples

9. Get library version number Dojo: dojo.version ExtJS: CoreExt.version Glow: glow.VERSION Jquery: jQuery().jquery MooTools: MooTools.version Prototype: Prototype.Version

10. So similar dojo.query('h1').addClass('active'); // dojo Ext.select('h1').addClass('active'); // ExtJS glow.dom.get('h1').addClass('active'); // Glow $('h1').addClass('active'); // jQuery $$('h1').addClass('active'); // MooTools $$('h1').addClass('active'); //Prototype

11. So different: dojo.byId('myId').innerHTML = 'hello world'; Ext.get('myId').dom.innerHTML = 'hello world'; glow.dom.get('#myId').text('hello world'); $('#myId').text('hello world'); // jQ $('myId').set('html', 'hello world'); // Moo $('myId').update('hello world'); // Proto

12. When? Started in September 2009.

13. Where? http://lab.artlung.com/rosetta/ git clone git@github.com:artlung/Artlung-Rosetta.git http://github.com/artlung/

14. Your Turn Ideas? Suggestions? Talk at me! Or twitter @artlung Or email joe@artlung.com