YUI vs jQuery: to Build Large Scale JavaScript App
Upcoming SlideShare
Loading in...5
×
 

YUI vs jQuery: to Build Large Scale JavaScript App

on

  • 10,666 views

 

Statistics

Views

Total Views
10,666
Views on SlideShare
10,561
Embed Views
105

Actions

Likes
6
Downloads
55
Comments
1

9 Embeds 105

http://candidosg.com 69
http://candidosalesg.wordpress.com 24
http://jp.flavors.me 3
http://flavors.me 3
http://fr.flavors.me 2
http://us-w1.rockmelt.com 1
http://de.flavors.me 1
https://twitter.com 1
http://webcache.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • <br /><iframe width="350" height="288" src="http://www.youtube.com/embed/lw7RW3zcwcg" frameborder="0" allowfullscreen></iframe>
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    YUI vs jQuery: to Build Large Scale JavaScript App YUI vs jQuery: to Build Large Scale JavaScript App Presentation Transcript

    • YUI &jQuery:To Build Large Scale JavaScript App Morgan Cheng @morgancheng
    • It is Not Religious Warhttp://www.quora.com/How-could-YUI3-improve-its-image-compared-to-jQuery-MooTools-etchttp://www.nczonline.net/blog/2010/11/03/response-to-john-resigs-comments-about-yui/
    • Single Metric is not Enough
    • Rosetta is not enough http://www.jsrosettastone.com/
    • jQuery YUI
    • Demo• http://jsfiddle.net/morgancheng/afX5b/• http://jsfiddle.net/morgancheng/HmsxA/• http://jsfiddle.net/morgancheng/9qgAP/• http://jsfiddle.net/morgancheng/BeV2q/
    • jQuery doesn’t Scale
    • Scale!
    • What is required to be Scalable?
    • Application LifecycleModule Management DOM, AJAX Utility
    • Application LifecycleModule Management DOM, AJAX Utility
    • Module Management
    • “The secret to building large apps is never build large apps. Break you applications into small pieces. Then, assemble those testable, bite- sized pieces into your big application” — Justin Meyer, author JavaScriptMVC
    • • Independent• Reusable• Agnostic to others
    • Event System I know something I want to do something happens. But I don’t when this happens. But Icare how others handle don’t care who trigger it. it
    • AMD: Asynchronous Module Definition define( ‘module-name’, [‘dependency1’, ‘dependency2’], function(d1, d2) { // export something } );
    • YUI Module Management YUI.add(‘module-name’, function(Y) { // Change Y to change the world Y.foo = …; }, ‘version’, { requires : [ ‘dependency1’, ‘dependency2’ ]} );
    • Concatenate Modules
    • Application Lifecycle
    • • Bookmark-able• Navigable• SEO Friendly
    • So Many Choiceshttps://github.com/addyosmani/todomvc
    • MVC is not the only game in town
    • App Framework
    • Choose Gear According to YOUR Needs
    • Thank YouAny Questions?