Investing in our community through Code Firefox

Posted on March 5, 2014

Mozilla 2014 Goal

As Deb Cohen (VP, Chief of People) said:
Our goal this year is to find new ways for people to become part of us. This year we have a very aggressive goal, for all of us to look inside our teams, our work, our organization, and create some of these pathways.


What is Code Firefox?

The Code Firefox site (@codefirefox), is a new video and exercise framework which is highly inspired by Khan Academy. Its purpose is for on-boarding contributors and sharpening the skills of existing community members.

People learn differently. Providing different ways to consume information is crucial to growing Mozilla. For many people, Code Firefox provides an easier, and more consumable approach to learning how to contribute to Mozilla.

Would you like to start contributing patches to Mozilla? Start here


Testimonial

One prime example of Code Firefox’s usefulness is of a new contributor who joined last month, and actively uses Code Firefox. He has already submitted 18 patches.

In a personal email Anuj Agarwal (Student at Vellore Institute of Technology) writes:
Just for fun, here is the patch I got reviewed today! And it was made possible only because of your tutorials. Thank you!


Code Firefox statistics

The site has not been promoted yet, but it already has:

  • ~46,000 unique visits since it was released on October 30, 2013
  • ~10,000 full video views across the 53 videos
  • Most functionality is available without accounts, but there are still over 110 Code Firefox accounts and 35 YouTube subscribers. Most of these accounts are new Bugzilla users as well and several have patches.

What has Code Firefox accomplished?

51 videos, 3 exercises focused mostly on on-boarding new Firefox developers
Videos are captioned
Ability to track watched videos and completed exercises when logged in
Exercise framework that parses code and gives immediate feedback and experience
Videos and Exercises are accessible and searchable through tags


Where is the Code Firefox site going? (Code Firefox Goals)

Opening up the ability to post videos to other people
Ability to create different “Outline tracks”, for example, a QA track.
More video and exercise content being added, initially for Firefox OS and Desktop
Integrate with Mozilla Open Badges
Working more closely with Student Ambassadors
Implement a point system
Interoperability with Mozillians in creative ways
Implementing hints for exercises
Other goals


Highlights of benefits gained by Mozilla from the site

Brings in new contributors
Retains new and existing contributors
Sharpens skills of existing members of our community
Code Firefox uses and promotes Persona
Code Firefox will use and promotes Open Badges
Will train employees with advanced skills with advanced tracks


Media coverage of Code Firefox so far

Some people have taken the time to write about Code Firefox:


What our community is saying

  • Robert O’Callahan (Distinguished Engineer):
    In all my years with Mozilla I’ve never seen such an exciting effort to engage new Firefox contributors. Well done!

  • Josh Matthews (Community Engagement Lead):
    To me, Code Firefox’s value lies in the clear, forthright instruction provided, along with the bite-sized nature of the lessons, which provides a counterpoint to the existing long-winded and slightly overwhelming textual documentation. I have interacted with countless potential volunteers over the past several years, and there is a non-trivial segment of the population that immediately looks for instructional videos to aid in understanding. In addition, perhaps counter-intuitively, video explanations are often preferred by non-native English speakers as a visual reference to aid in comprehension, and I’m often asked at events whether these exist for Firefox development.

  • Chris Peterson (Engineering Program Manager):
    Facebook has its infamous bootcamp for new employees. Code Firefox should be required watching, end-to-end, for all new Mozilla engineers. Even non-engineers can benefit from the introductory videos. Given the positive community response and patches to prove it, Brian has shown that this e-learning format works. More than just lessons, Brian has built Code Firefox as a platform. I would love to see other Mozilla teams contribute videos for their feature areas. Even within Mozilla we have some technology silos that could learn from each other.

  • Lukas Blakk (Senior Release Manager):
    Getting into Open Source contribution is not always a clear path. In my experience, it took me 4 different attempts (MDN, Sumo, QA, AMO) before I found my path for a deeper dive and got ‘hooked’ on contributing to Mozilla. These videos and the technical mentorship they provide is already proving to be a valuable resource for engaging new coders and that is an area that can be hardest for a newcomer to break into alone since we are now such a legacy project. Fortunately Code Firefox is also a budding online community and that ensures no one is ever truly alone as they move up in their learning. Having someone (or several people) getting to focus more time on this particular pathway will ensure more robust community surrounds our software products and makes what we give back a product that is a reflection of that wider community. Win-win.

  • Jared Wein (Firefox Engineer):
    Code Firefox is an amazing site that is full of detailed, finely-crafted videos that guide interested people from being Firefox users to Firefox contributors. It is an invaluable tool and one that I wished was around when I was just getting started contributing to Firefox. Projects the size of Firefox can be very daunting and scary to newcomers. The tutorials on the site bring a level of comfort not found in many other places, and walk people through steps at a pace that they can handle. Before they know it they are knee deep in a great community of people who are working together to make Firefox and the Internet a better place for everyone.

  • David Boswell (Community Engagement Lead):
    Code Firefox and other efforts to help support coding contributors are crucial to growing and empowering new members of the Mozilla community.

  • Kamil Jozwiak (QA Engineer):
    Code Firefox has helped me out tremendously while I was contributing to Mozilla. It helped me complete my first patch and it’s an amazing resource to sharpen your skills. I’m a Code Firefox lifer and visit the site on a daily basis to see if anything new has been added. I really believe in this project and I know from first hand experience how powerful this resource can be in helping people interested in the Mozilla mission.

  • Rodrigo Silveira (Firefox Engineer):
    Getting started with contributing to any code base can be daunting. Code Firefox videos are presented in such a friendly way that makes contributing to Firefox a lot more approachable. Being able to learn through video at your own pace is convenient too, you can get from zero to landing patches much faster. I liked it so much I had to help translate it so more people could benefit.

  • Marco Mucci (Engineering Program Manager):
    Part of wanting to make a difference is learning how to make one. Code Firefox is the tool of choice for learning how to contribute to Mozilla.

  • Samuel Foster
    @codefirefox has grown into a great resource for lifting you over the learning curve involved in making firefox awesomer. Nice work.

  • David Bolter:
    If you want to watch video tutorials on how to hack on Firefox, follow @codefirefox.

  • Mark Finkle:
    The Module Owner and Becoming A Reviewer videos on @codefirefox are awesome: http://codefirefox.com/#reviewing-code

  • Till Schneidereit:
    This really is fantastic - I wish I’d had something like these videos when I started contributing.

  • Margaret Leibovic:
    I know I’m late to the party, but @codefirefox is seriously awesome. Great work by @brianbondy!

  • Lucas Rocha:
    If you’ve been considering contributing to Firefox, @codefirefox is definitely a good start. Big thanks @brianbondy! http://buff.ly/18LSSZZ

  • Asa Dotzler:
    Mozillian @brianbondy has started publishing video tutorials on Firefox hacking. http://codefirefox.com/videos Follow @codefirefox for updates.

  • Christian Heilmann:
    Superb framework to create code tests by @brianbondy https://github.com/bbondy

  • Mozilla Pakistan:
    @codefirefox.com now supports accounts via @MozillaPersona You can track which videos you’ve watched too - pic.twitter.com/I4EizTAzbk

  • Mozilla India:
    Becoming a Mozilla contributor is now even more easy. http://codefirefox.com/ site aim to outline the process… http://fb.me/1ChAz9qPE

  • Ian Elliot:
    Other open source projects could also benefit from the same sort of idea - are you listening Linus?

  • Alessio Placitelli:
    Thank you @brianbondy for both http://codefirefox.com and http://goo.gl/bybZKK ! Very helpful for new #Firefox contributors!

  • Jennie Rose Halperin:
    http://codefirefox.com/ wanna get deep with your code? totally digging this @mozilla

  • Azeem Arshad:
    codefirefox.com/ these videos are awesome. setting up firefox dev setup is pretty easy

  • Rodrigo Ludgero:
    Do the right thing. Some lessons to be learned. http://codefirefox.com/ I thought it was a great initiative. #codefirefox @codefirefox

  • serge2k:
    This is awesome, and I wish more projects would do it.

  • iamleppert:
    +1 for whoever’s idea this was. We need more guides like this that ask that answer the basic questions on just dev process and work flows. Let’s make it easier for people to contribute!

  • Thaddee Tyl:
    @FremyCompany I agree. I think the http://codefirefox.com/ project is our best bet. Not sure if Chrome could have that (let alone Opera, IE…)

  • Michael Mahemoff:
    Encouraging open source contributions, done right by Moz at http://CodeFirefox.com

  • суперсолэ:
    (now a serious tweet) If you’re interested in contributing to Firefox, this is a fantastic site: http://codefirefox.com

  • Ashley Myers:
    OMG. This is so awesome. Videos on how the heck to actually contribute to Firefox: http://codefirefox.com cc/ @codefirefox

  • Mike Rogers:
    Decided over my Xmas break I’m going to try and contribute to Firefox somehow http://codefirefox.com

  • Dongie Agnir:
    @codefirefox Just wanted to let you know your website is an excellent resource! Please keep up the great work!

  • Brian Graham:
    This is awesome. I wish this existed when I wrote my first #FireFox patch.

  • Swarnava Sengupta:
    Thank you @codefirefox for such a great collection! Hope it will produce more developer all around the world! :)

  • Mike Evans:
    @angelinamagnum I like the style of @codefirefox, allows someone to get up to speed in an easy to digest manner. so more of that please :)

  • Michael Kohler:
    That’s how I did my first patches! RT @codefirefox: […]feature from start to finish, without knowing the code

  • Hundreds of other tweets about Code Firefox


Would you like to create Code Firefox videos?

Please contact me at bbondy[at]gmail.com if you’d like to make a series of videos on Code Firefox for your area of expertise.