Your SlideShare is downloading. ×
0
jQuery 1.4-1.6Best new features          Ryan Blunden   BrisJS MeetUp - May 2011
Summary•   This presentation is about sharing the best new    features and why they matter. Code samples are    aplenty in...
jQuery != JavaScript•   jQuery is the new PHP in terms of a low barrier of entry    leading to poor programming practices ...
About me•   Front End Dev Tech Lead at Flight Centre (FCL)    from 2009 - 2011•   FCL heavily relies on JS for interactivi...
About jQuery•   Rocks! Fast! Small! Easy! Clean and concise API!•   Not a framework, it’s a toolkit•   Not a substitute fo...
jQuery 1.4 - Jan 2010               http://jquery14.com/day-01/jquery-14•   API Standardisation for setter methods•   Acce...
jQuery 1.5 - Jan 2011http://blog.jquery.com/         http://blog.jquery.com/2011/01/31/jquery-15-released/•   Ajax module ...
jQuery 1.6 - May 2011•   That was quick... Because of breaking API changes•   .attr() meets .prop(). Making jQuery act mor...
jQuery news•   jQuery mobile is in Alpha 4.1•   “Official plugins” now means “maintained by Core    jQuery team” (tmpl and ...
Summary•   jQuery is a tool that allows easy and rapid development across    the most common browsers•   It can’t help you...
Thanks• Any questions, please let me know• Twitter - @ryan_blunden
Upcoming SlideShare
Loading in...5
×

jQuery 1.4-1.6 Best new features

1,576

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,576
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "jQuery 1.4-1.6 Best new features"

    1. 1. jQuery 1.4-1.6Best new features Ryan Blunden BrisJS MeetUp - May 2011
    2. 2. Summary• This presentation is about sharing the best new features and why they matter. Code samples are aplenty in the jQuery API docs.• What’s cool in jQuery recently (1.4 - 1.6)• Other jQuery news• Brief opinions about jQuery and grown up JavaScript
    3. 3. jQuery != JavaScript• jQuery is the new PHP in terms of a low barrier of entry leading to poor programming practices becoming the norm• It’s a community problem, not a jQuery problem• Examples need to stop using spaghetti code and use namespaces and proper programming patterns• If you’re writing serious amounts of JS code, you’re going to need a framework to help you organise your code• Learning how to more easily and consistently handle async code challenges, e.g. PubSub, methods receiving success and error callbacks for loose coupling.
    4. 4. About me• Front End Dev Tech Lead at Flight Centre (FCL) from 2009 - 2011• FCL heavily relies on JS for interactivity and features. We maintain around 30 websites with15 Front-End Developers.• jQuery saves our bacon everyday• jQuery isn’t the car, it’s the toolbox to pimp the car.
    5. 5. About jQuery• Rocks! Fast! Small! Easy! Clean and concise API!• Not a framework, it’s a toolkit• Not a substitute for learning JavaScript properly• IS a substitute for replacing browser quirks and inconsistencies with a clean and simple one• Excellent collection of jQuery plugins available
    6. 6. jQuery 1.4 - Jan 2010 http://jquery14.com/day-01/jquery-14• API Standardisation for setter methods• Access “data-...” attributes via $.data• jQuery.type is awesome• Strict JSON parsing via Ajax if JSON available• jQuery.delegate() over jQuery.live()
    7. 7. jQuery 1.5 - Jan 2011http://blog.jquery.com/ http://blog.jquery.com/2011/01/31/jquery-15-released/• Ajax module rewritten, returns jQuery ajax instance• Ajax gets promises (deferred callbacks, nicer API)• Ajax “context” option (actually added in 1.4)• Clean way override/extend/modify jQuery with jQuery.sub
    8. 8. jQuery 1.6 - May 2011• That was quick... Because of breaking API changes• .attr() meets .prop(). Making jQuery act more like the underlying API.• Deferreds improve with .deferred.always() and deferred.pipe()• $.animate gets promises• .data when imports attributes based on W3C HTML5 spec (camelCase,)
    9. 9. jQuery news• jQuery mobile is in Alpha 4.1• “Official plugins” now means “maintained by Core jQuery team” (tmpl and data link plugins from Microsoft not official, tmpl not going into core)• Increased community contributions fuelling jQuery’s rapid development• Add your proposed change for jQuery 1.7 at http://goo.gl/spjIE
    10. 10. Summary• jQuery is a tool that allows easy and rapid development across the most common browsers• It can’t help you organise or structure your code, only you can do that. Good frameworks can help, greater knowledge can help more.• Current focus is on making it fast and improving API stability and consistency.• Look outside the jQuery plugin ecosystem for solutions that are beyond jQuery (underscoreJS)• Don’t write re-usable jQuery code that relies on $ being global. Pass jQuery into a self executing function surrounding your code.
    11. 11. Thanks• Any questions, please let me know• Twitter - @ryan_blunden
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×