Journey to the Center of jQuery

In this talk, I present my journey from my discovery of jQuery Mobile and being a user of the framework, to becoming a contributor and joining the mobile and content teams. You will find out how one can contribute to the jQuery project, the benefits that contributors get from doing so, as well as what lies behind the role of “team member”. Some aspects of how the team members interact and work together will also be covered.

Transcript

1. Journey  to  the  Center  of  jQuery   jQuery  Conference  -­‐  Aus3n  2013     Anne-­‐Gaëlle  Colom    
2. Journey  to  the  Center  of  jQuery   •  Insight  into  how  we  operate  and  what  tools   we  use   •  How  you  can  contribute  to  the  Project   User   Contributor   Team   Member  
3. Anne-­‐Gaëlle  Colom   Senior  Lecturer  at  the   University  of  Westminster,   London,  UK   Documenta3on  Lead  for   jQuery  Mobile    
4. Current  Teaching   •  Web  Technology     –  200  1st  year  students       •  Mobile  Compu3ng   Principles   –  100  2nd  year  students   •  Mobile  User  Experience   –  100  3rd  year  students       •  Tutor  for  iOS   development  and  Java  
5. Current  Teaching   •  Web  Technology     –  HTML,  CSS,  JavaScript         •  Mobile  Compu3ng   Principles   –  HCI,  XML,  XSLT,  jQuery   Mobile     •  Mobile  User  Experience   –  jQuery  Mobile       •  Tutor  for  iOS   development  and  Java   –  Objec3ve  C,  Java  
6. 1st  Computer  -­‐  1983  
7. 1st  Website  /  Teaching  HTML  -­‐  1996  
8. 1st  Mobile  Applica3on  -­‐  1997   for  district  nurses,   targe3ng  the  Hitachi   Possible  PMC  -­‐  2000     EDEN,  EROS,  ADAM,   EVE,  FOSSIL  
9. 1st  JavaScript  App:  HTML  editor  in  (1998)  
10. Then  …       I  had  2  kids!  (1999  and  2002)  
11. What  brought  me  to  jQuery?   •  Course  Leader  for  BSc  Internet  Compu3ng  /       BEng  Mobile  and  Web  Compu3ng   •  Teaching  Mobile  UI  &  Mobile  Compu3ng   Principles  since  Sept  2005…   •  Rendering  the  same  content  on  various   devices  based  on  device  capabili3es  and   screen  size     – WURFL  –  XML  –  XSLT  –  WML  –  CSS  –  XHTML  –  PHP     •  In  Oct  2010:  “I  cannot  teach  WML  anymore!”  
12. jQuery  Mobile  (alpha  1)  
13. jQuery  Mobile  –  October  2010   •  Developed  lecture  notes  and  examples     •  Discovered  bugs   •  Reported  bugs  
14. jQuery  Mobile  –  March-­‐Nov  2011   •  Developed  a  small  project   •  Discovered  &  reported  bugs   •  Discovered  &  reported  docs  inconsistencies   •  Gave  solu3ons  
15. Pull  Request  ??    
16. 19th  October  2011:  DIY!    
17. My  New  Best  Friend!  
18. November  2011   A  month  to  remember!  
19. Go  ahead  from  Todd  Parker   •  rewrite  the  docs  in  one  voice,     •  fix  inconsistencies,     •  add  more  informa3on  &   examples  where  necessary.   Image  By  Chris_Skoyles  
20. GitHub   •  I’m  on  Patch  level…   •  I  want  to  be  a  Master!  
21. Resources  Page  
22. Resources  Page  
23. Resources  Page  
24. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta3on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”     Todd  Parker  (jQuery  Mobile  Lead)  
25. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta4on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”  
26. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta3on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”    
27. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta3on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”    
28. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta3on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”    
29. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta3on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”  
30. .net  Magazine  Award     “Sort   of   random,   but   since   you're   now   a   member   of   the   mobile   documenta3on   team,   now   all   the   glamour   begins.   There   is   a   .net   awards   party   nov.   24th   in   London   and   we're   looking  for  someone  to  represent  the  project  if   we  win.  Might  you  be  interested?”  
31. Hi  Todd,   Yes  I  am  definitely  interested  :-­‐)     Thank  you  very  much!     Anne  
32. Source:  hsp://diary.chopard.com   I’m  thinking….  
34. .Net  Awards  2011  Highlights  by  Ubelly  
35. I  met  Paul  Irish!  
36. And  this  happened!  
37. Ater  73  merged  PRs…  
39. How  do  we  work?  
40. The  Team  
41. The  Dev  Team  
42. IRC  on  freenode   •  #jquery-­‐content  -­‐  Content  discussion:  Core,   Mobile,  UI,  API  documenta3on,  Learning  Center   and  general  website  issues.     •  #jquery-­‐dev  -­‐  jQuery  development     •  #jqueryui-­‐dev  -­‐  jQuery  UI  &  Mobile  development   •  #jquery-­‐infrastructure  –  jQuery  Infrastructure   •  #jquery-­‐mee3ng  –  jQuery  Mee3ngs   •  #jquery  -­‐  Support  
43. Mee3ngs  –  Eastern  Time   Monday   Tuesday   Wednesday   Thursday   Friday   11am   Tes3ng  and   Con3nuous   Integra3on   12pm   jQuery  Core   Dev   jQuery  UI  Dev      1pm   jQuery  Dev   Leads   jQuery   Content   jQuery  Events      2pm   jQuery   Infrastructure   jQuery   Mobile  Dev   Execu3ve   Commisee      3pm   Freenode   Skype   hsp://mee3ngs.jquery.org/  
44. Also…     •  Skype   •  Google  Hangout   •  Twiser   •  Google  Docs  
45. No3fica3ons   •  IRC:   •  Email  
46. No3fica3ons  
47. No3fica3ons  
48. Con3nuous  Integra3on  and   Tes3ng  
49.  Con3nuous  Integra3on   •  Travis:  Hosted,  distributed  con3nuous  integra3on   service  used  to  build  and  test  projects  hosted  on   GitHub   •  On  each  new  commit  on  defined  branches  and   PRs  pushed  to  GitHub,  Travis  CI  will  build  the   Project  and  run  our  unit  tests.   •  Sends  email  no3fica3on  and  IRC  posts  with  test   results     •  Jenkins  for  tes3ng  all  browsers  using  testswarm   and  browserstack  and  to  publish  the  latest  build   to  the  CDN  
50. Travis  (Con3nuous  Integra3on)  
51. Travis  (Con3nuous  Integra3on)  
52. Travis  (Con3nuous  Integra3on)  
53. Travis  (Con3nuous  Integra3on)  
54. Travis  (Con3nuous  Integra3on)  
56. Travis  CI  –  Email  No3fica3on  
57. Travis  CI  –  Email  No3fica3on  
58. GitHub  
60. Sites            
61. WordPress   •  WordPress  mul3site  setup     –  share  structure  and  style  across  all  of  the  different   sites     –  dynamic  features  like  searching   •  jquery-­‐wp-­‐content   –  custom  install  script  that  sets  up  all  the  different   subdomains   •  parent/child  theme   •  Grunt   –  Gewng  Sta3c  Content  into  WordPress  
62. Site  Deployment   local   stage   live  
63. categories.xml   themes/jquery/   footer-­‐mobile.php  in   jquery-­‐wp-­‐content   jquerymobile.com/pages/  
64. iFrame  –  src  in   resources  folder   Each  entry  in  the   docs  is  an  xml  file  in   the  entries  folder  
65. How  you  can  contribute  to  libraries?   •  hsp://contribute.jquery.org/code/   •  File  issues   •  Edit  and  author  content   – Follow  the  jQuery  style  guides   – Add  unit  tests   – hsp://contribute.jquery.org/commits-­‐and-­‐pull-­‐ requests/   •  Bug  Triage  
66. How  you  can  contribute  to  web  sites?   •  hsp://contribute.jquery.org/web-­‐sites/   •  File  issues   •  Edit  and  author  content   – hsp://contribute.jquery.org/commits-­‐and-­‐pull-­‐ requests/  
67. Fix  a  bug  in  the  api  docs   Create  an  account  on   GitHub   File  a  bug   Sign  our  CLA   Fork  the  repo   Clone  the  repo   Provide  a  fix   Send  a  pull  request   All  of  this  can  be   done  in  your   browser!  
68. Fix  a  bug  in  UI  &  Mobile   File  a  bug   Provide  a  reduced  test   case   Sign  our  CLA   Create  an  account  on   GitHub   Fork  the  repo   Clone  your  fork  of  the   repo   Provide  a  fix  and  prove   that  it  works   Run  the  test  for  the  file   that  was  modified   Send  a  pull  request   Fix  a  bug  in  Core   File  a  bug   Provide  a  reduced  test   case   Sign  our  CLA   Create  an  account  on   GitHub   Fork  the  repo   Clone  your  fork  of  the   repo   Provide  a  fix  and  prove   that  it  works   Install  node,  install  grunt,  install  node   dependencies,  run  grunt   Send  a  pull  request  
69. My  Contribu3ons   •  In  2  years:     – Contributed  to  8  jQuery  repos   – 850  commits   – 40000  addi3ons   – 2400  h  
70. Why  do  I  contribute  ?   •  A  lot  of  personal  and  professional  sa3sfac3on   •  Working  with  great  people   •  Insight  into  large-­‐scale  project   •  Fantas3c  Experience    
71. Lots  of  new  Friends!  
72. New  or  enhanced  skills   •  GitHub   •  git   •  Wordpress   •  IRC   •  Grunt   •  Node.js   •  jQuery   •  jQuery  Mobile   •  Markdown   •  Coding  standards   •  Sotware  Engineering   processes   •  Tes3ng   •  Documenta3on  
73. That  feeds  back  into  my  work   •  Beser  teaching  experience  for  my  students   •  Improved  and  wider  exper3se  in  the  web  and   mobile  area   •  Work  with  web  and  mobile  experts   •  Good  posi3on  for  curriculum  development  
74. My  students  benefit  also   •  Beser  teaching  experience   •  Dona3ons  of  200  6-­‐month  passes  by  Front   End  Masters  (Marc  Grabanski)   •  Invited  to  Mozilla  events  in  London   •  Invited  to  London  JS  events   •  Guest  Lectures  
75. Why  you  might  want  to  become  a   contributor   •  Learn  (free  Con3nuous  Personal   Development!)   – From  discussions     – From  conferences   – Feedback  on  PRs   – Code  Reviews   •  Work  with  the  jQuery  Rock  stars!     (People  who  influence  the  technology  and  standards   that  are  shaping  the  future  of  the  Web.)  
76. Why  you  might  want  to  become  a   team  member   •  Asend  conferences  organized  by  jQuery   •  Asend  face  to  face  team  mee3ngs   •  Browserstack  account  
77. Expecta3ons  of  a  team  member   •  Contribute  to  the  project   •  Asend  weekly  mee3ngs  
78. The  other  side            
79. Some3mes…   Yes,  I  know!  This  is  what  I’ve  been  working  on   for  the  past  few  months!     I  NEED  TIME!                    
80. Some3mes…  
81. Please   •  Have  some  considera3on   for  the  people  doing  the   work   •  Provide  construc3ve   feedback  or  comments   •  Most  is  from  3me  donated   by  contributors   Source:  Jodi  Ambrose’s  Blog  
82. dothegreenthing.com  
83. Where  has  my  journey  taken  me?   Roles   •  jQuery  Mobile  Team   Member   •  Docs  Lead  for  jQuery   Mobile   •  jQuery  Content  Team   Member   •  Elected  to  the  jQuery  Board   of  Directors  (April  2013)   Events/Loca4on   •  .net  magazine  award   ceremony  London   •  jQuery  UK  2011  (Oxford)   •  jQuery  Dev  Summit   (Washington  DC)   •  jQuery  Europe  (Vienna,   Austria)   •  jQuery  UK  2012  (Oxford,  UK)   •  jQuery  Portland,  OR     •  jQuery  Aus3n,  TX  
84. Ready  for  your  journey?  
85. Thank  you!     •  Anne-­‐Gaelle  Colom  (Anne)   •  @agcolom  on  Twiser   •  I'm  agcolom  on  IRC  and  GitHub