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,824 views

 

Statistics

Views

Total Views
10,824
Views on SlideShare
10,717
Embed Views
107

Actions

Likes
6
Downloads
55
Comments
1

9 Embeds 107

http://candidosg.com 69
http://candidosalesg.wordpress.com 26
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
  • 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?