ArtLung Rosetta Visit:  http://github.com/artlung/ Choose: ArtLung Rosetta Click “Download Source”
Who Joe Crawford @artlung Web Developer [email_address]
What 0.1 ArtLung Rosetta is an effort to contain example code for the major JavaScript libraries. In short: I know how to ...
What 0.2 What libraries are included? Ext Core Glow dojo jQuery MooTools Prototype
When? Created September 2009. Inactive since then.
Where? http://lab.artlung.com/rosetta/ http://github.com/artlung/Artlung-Rosetta/ http://github.com/artlung/
Why? While working for large multiplayer game site, it standardized dojo. I saw similarities and differences between it an...
Examples
Get library version number Dojo: dojo.version ExtJS: CoreExt.version Glow: glow.VERSION Jquery: jQuery().jquery MooTools: ...
So similar dojo.query('h1').addClass('active'); // dojo Ext.select('h1').addClass('active'); // ExtJS glow.dom.get('h1').a...
So different: dojo.byId('myId').innerHTML = 'hello world'; Ext.get('myId').dom.innerHTML = 'hello world'; glow.dom.get('#m...
When? Started in September 2009.
Where? http://lab.artlung.com/rosetta/ git clone git@github.com:artlung/Artlung-Rosetta.git http://github.com/artlung/
Your Turn Ideas? Suggestions? Talk at me! Or twitter @artlung Or email joe@artlung.com
Upcoming SlideShare
Loading in …5
×

ArtLung Rosetta Presentation for NC JQuery & JavaScript Camp

1,622 views
1,556 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,622
On SlideShare
0
From Embeds
0
Number of Embeds
275
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

ArtLung Rosetta Presentation for NC JQuery & JavaScript Camp

  1. 1. ArtLung Rosetta Visit: http://github.com/artlung/ Choose: ArtLung Rosetta Click “Download Source”
  2. 2. Who Joe Crawford @artlung Web Developer [email_address]
  3. 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. 4. What 0.2 What libraries are included? Ext Core Glow dojo jQuery MooTools Prototype
  5. 5. When? Created September 2009. Inactive since then.
  6. 6. Where? http://lab.artlung.com/rosetta/ http://github.com/artlung/Artlung-Rosetta/ http://github.com/artlung/
  7. 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. 8. Examples
  9. 9. Get library version number Dojo: dojo.version ExtJS: CoreExt.version Glow: glow.VERSION Jquery: jQuery().jquery MooTools: MooTools.version Prototype: Prototype.Version
  10. 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. 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. 12. When? Started in September 2009.
  13. 13. Where? http://lab.artlung.com/rosetta/ git clone git@github.com:artlung/Artlung-Rosetta.git http://github.com/artlung/
  14. 14. Your Turn Ideas? Suggestions? Talk at me! Or twitter @artlung Or email joe@artlung.com

×