State of jQuery - jQuery Conference 2012 UK

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 [email protected] http://ralphwhitbeck.com TWITTER EMAIL WEB