ArtLung Rosetta Presentation for NC JQuery & JavaScript Camp

  • 1,425 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,425
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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