State of jQuery - jQuery Conference 2012 UK

In this talk you will learn how the jQuery project is structured, from the jQuery Board to our membership in the Software Freedom Conservancy. We’ll cover the state of jQuery Core, jQuery UI and jQuery Mobile and get a glimpse of what might be coming in the near future. We’ll also look at some of the other projects that are being worked on by the jQuery team.

Transcript

1. Ralph Whitbeck
2. Ralph Whitbeck JQUERY OVERTAKES FLASH
3. Ralph Whitbeck Chart from http://trends.builtwith.com/javascript/jQuery
4. Ralph Whitbeck JQUERY PULLS AHEAD • February 2012 • Of the top 17,000 • jQuery is on 54% • Flash still stalled at 47%
5. Ralph Whitbeck JQUERY PROJECT
6. Ralph Whitbeck
7. Ralph Whitbeck COMMUNITY
8. Ralph Whitbeck
9. Ralph Whitbeck COMMUNITY • Users of jQuery • Submit bug reports • Fix bugs • Educate others
10. Ralph Whitbeck TEAM
11. Ralph Whitbeck TEAM • Contributors recognized by rest of team • Constant/Consistent commitment • Any part of the project
12. Ralph Whitbeck SUB TEAMS • Core • UI • Mobile • Infrastructure • Developer Relations • Web/Design • Events
13. Ralph Whitbeck BOARD
14. Ralph Whitbeck BOARD
15. Ralph Whitbeck BOARD • Members are elected • Leads Subteams • Creates governance policies • Approves expenditures
16. Ralph Whitbeck TRANSPARENCY • Decisions made in public • http://groups.google.com/group/jquery-board-public • Status updates in public • http://jquery.org/updates • Project meetings in public • http://jquery.org/meeting/
17. Ralph Whitbeck
18. Ralph Whitbeck SFC • Member project since Sept '09 • 501(3)(c) • Fiscal Sponsor • Holds jQuery’s trademarks • Provide free law services
19. Ralph Whitbeck ORGANIZATIONALLY • Outgrowing SFC • Form our own Organization • 501(3)(c) or 501(c)(6) • Many complexities in transition
20. Ralph Whitbeck JQUERY CORE
21. Ralph Whitbeck JQUERY RELEASES • In the last year: • 10 releases • 3 major, 7 minor • 1.5 • 1.6 • 1.7
22. Ralph Whitbeck JQUERY 1.5 - AJAX • Enhanced extensibility with prefilters, converters, and transports • Ajax methods return a jqXHR object • jqXHR has a promise interface which is an implementation of deferreds.
23. Ralph Whitbeck JQUERY 1.5 - DEFERREDS //Generic  interface  for  working  with  async  behavior $.when(  somethingHappens()  ) .then(  function  ()  {      doSomethingElse(); }); //Based  on  CommonJS  Promises/A  spec  (not  100%)
24. Ralph Whitbeck JQUERY 1.6 - .ATTR() REWRITE • Performance improvements • jQuery was too magical caused too many edge cases. • .attr and .removeAttr for attributes • .prop and .removeProp for properties
25. Ralph Whitbeck JQUERY 1.6 - RELATIVE CSS //Before: var  sbwidth  =  parseInt(  $("#sidebar").css("width"),  10); $("#sidebar").css("width",  (sbwidth  +  100)  +  "px"); //Now: $("#sidebar").css("width",  "+=100px");
26. Ralph Whitbeck JQUERY 1.6 $.MAP() ENHANCEMENT //In  jQuery  1.6,  it  is  now  possible  to  use  jQuery.map()  to  map  objects   into  a  new  array  of  items.  Previously,  this  only  took  in  other  arrays. names  =  {  firstname:  "Elijah",  lastname:  "Mannor",  age:  "OLD"};                   names  =  jQuery.map(names,  function(v)  {        return  v.toLowerCase(); });   //  returns:  ["elijah",  "manor",  "old"]
27. Ralph Whitbeck JQUERY 1.6 - OTHER NOTABLES • Effects Improvements - Animations now implement Deferreds • Support added for requestAnimationFrame (pulled in 1.6.3 due to bad results) • New Deferred Methods - always
28. Ralph Whitbeck JQUERY 1.7 - EVENT IMPROVEMENTS • New .on and .off methods unify .bind, .delegate, and .live • 50% performance improvements of delegated events • Old API's aren't deprecated. Just "shortcuts" to .on and .off
29. Ralph Whitbeck JQUERY 1.7 //  Emulates  1.6  .bind //  Attaches  a  handler  directly  to  all  .foo  currently  on  the  page  when   code  is  executed $(".foo").on("click",  function(e)  {});
30. Ralph Whitbeck //  Emulates  1.6  .delegate //  Attaches  a  handler  to  all  '.foo'  currently  on  page  that  will   trigger  when  a  '.bar'  inside  one  is  clicked $(".foo").on("click",  ".bar",  function(e)  {});
31. Ralph Whitbeck JQUERY 1.7 //  Emulates  1.6  live //  Attaches  a  handler  to  the  document  that  will  trigger  when  a  '.bar'   anywhere  in  the  document  is  clicked $(document).on("click",  ".bar",  function(e)  {});
32. Ralph Whitbeck JQUERY 1.7 - HTML5 SUPPORT //Full  support  for  HTML5  selectors  -­‐  even  IE6! //Still  need  a  HTML5  Shim  or  Modernizr  for  static  HTML5  Tag  rendering. $("header").hide();
33. Ralph Whitbeck JQUERY 1.7 • AMD support • You can use a AMD loader like RequireJS to load jQuery dynamically.
34. Ralph Whitbeck JQUERY 1.8 AND BEYOND
35. Ralph Whitbeck
36. Ralph Whitbeck JQUERY 1.8 AND BEYOND • Focus on cleaning code and slimming down the file size • Not expecting new API's for 1.8 • Exploring ways to break IE6/7 functionality into a compatibility plugin. • NOTHING IS PLANNED!
37. Ralph Whitbeck JQUERY UI
38. Ralph Whitbeck JQUERY UI • 8 Maintenance releases for 1.8 • Current version is 1.8.17 • Focusing on code clean up and future maintainability • Closing bugs backlog
39. Ralph Whitbeck JQUERY UI 1.9 • Spinner • Menu • Tooltip
40. Ralph Whitbeck JQUERY UI GRID • Roadmap for 2.1 • New Widgets/Utilities being developed: • Selectmenu • masked input • Inline editing • Timepicker • Menubar • $.observable • Globalize
41. Ralph Whitbeck JQUERY MOBILE
42. Ralph Whitbeck JQUERY MOBILE • Recently released 1.0 version • Support for many devices • New themeroller • Todd Parker will tell us more in a few.
43. Ralph Whitbeck SMALLER PROJECTS
44. Ralph Whitbeck OTHER PROJECTS • Infrastructure overhaul • Site refresh • New Plugin Site (w/ backups!!!) • Learn Site
45. Ralph Whitbeck SPECIAL THANKS • Content • Dave Methvin • Adam Sontag • State of jQuery 2011 (from jQuery Summit) • Design • Doug Neiner • “Magical Doug”
46. Ralph Whitbeck
47. Ralph Whitbeck @RedWolves ralph.whitbeck@jquery.com http://ralphwhitbeck.com TWITTER EMAIL WEB