{"id":8124,"date":"2017-04-04T08:45:28","date_gmt":"2017-04-04T15:45:28","guid":{"rendered":"http:\/\/blog.mozilla.org\/addons\/?p=8124"},"modified":"2017-04-04T12:37:33","modified_gmt":"2017-04-04T19:37:33","slug":"build-webextension-add-campaigns-around-world","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/","title":{"rendered":"\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World"},"content":{"rendered":"

We recently partnered with the Mozilla Open Innovation<\/a> team to launch an activity that would introduce developers to WebExtensions and guide them through the experience of creating new add-ons with the APIs. The \u201cBuild Your Own WebExtension Add-on For Firefox<\/a>\u201d activity launched in February as part of Mozilla\u2019s Activate<\/a> campaign to mobilize Mozillians around the world to have impact in key areas of the organization\u2019s mission. This activity will run until the end of 2017.<\/p>\n

Mozilla communities in Tamilnadu<\/a>, Switzerland<\/a>, and Brazil<\/a> answered the call-to-action and recently hosted events using the Activate curriculum. To date, 54 people have attended these events, and participants have submitted seven new add-ons to addons.mozilla.org<\/a>. (If you are curious to see what they have built, take a look at this this collection<\/a> on AMO.)<\/p>\n

If you\u2019re interested in hosting an event, read on to find out how our communities have organized their events, and what they would recommend for best practices!<\/p>\n

Tamilnadu<\/h4>\n

Viswaprasanth Ks<\/a> has been a passionate member of the add-ons community since he started contributing to Mozilla in 2012. He recently led an add-ons track at the Tamilnadu community\u2019s 24 Hour Hackathon<\/a>, where 25 participants brainstormed<\/a> and created their own extensions to solve real-world problems.<\/p>\n

What we learned<\/b><\/p>\n

Encourage participants to learn JavaScript and have them start learning extension development from the mdn-web extension repo<\/a>, recommends Viswaprasanth. Those with less familiarity with HTML and JavaScript might need additional support to complete the activity. Plus, the examples listed in the mdn-web extension repo have been carefully evaluated as being good starting places for beginning developers.<\/p>\n

\"Picture<\/a>

Photo by Viswaprasanth Ks<\/p><\/div>\n

<\/h4>\n

Switzerland<\/h4>\n

Michael Kohler<\/a> slated this activity for one of Mozilla Switzerland\u2019s monthly meet-ups<\/a> and tapped long-time add-ons contributor Martin Giger<\/a> to mentor a group of 10 participants. Attendees found the workshop to be a relaxing introduction to extension development and left the event feeling empowered and confident in their abilities to create add-ons using WebExtensions APIs.<\/p>\n

What we learned<\/b><\/p>\n

Anticipate that it will take 90 minutes to complete Part I<\/a> of the curriculum. \u201cWe used around 90 minutes to get to a working first example, including the intro,\u201d Michael reports. If you are only able to complete Part I during an event, consider scheduling a follow-up event where participants can continue creating extensions in a fun, supportive atmosphere.<\/p>\n

\"Martin<\/a>

Photo by Michael Kohler<\/p><\/div>\n

<\/h4>\n

Brazil<\/h4>\n

What can 22 Brazilians and 30 liters of beer accomplish in one day? Quite a bit, according to Andre Garzia\u2019s<\/a> blog post<\/a> about his recent event. After a discussion about extension development and a group brainstorming session, participants organized themselves into small groups and worked on ten add-ons.<\/p>\n

What we learned<\/b><\/p>\n

Provide some starter ideas to those who want to go beyond the initial tutorial and build their own original add-on. Andre writes in his post, \u201cWe knew from the start that telling people to come out with add-on ideas out of the blue<\/i> would not be an effective way to engage everybody. People have different ways to come up with ideas and some don’t enjoy coming up with an idea on the spot like this. To help people out, we made a clothesline<\/i> where we hung add-on ideas up. Each idea had a description, suggested APIs to use and a difficulty\/complexity rate. Attendees were encouraged to browse our hanging ideas<\/i> and take one to implement if they felt like it.\u201d<\/p>\n

Note: if you need help developing a list of starter ideas, take a look at <\/i>this list<\/i><\/a> of requests from users on Discourse. <\/i><\/p>\n

\"Printed<\/a>

Photo by Andre Garzia<\/p><\/div>\n

Have you conducted an add-ons development workshop for your community or are you interested in hosting one? Tell us about it on Discourse<\/a>!<\/p>\n

The add-ons team would like to extend a hearty thank you to Viswaprasanth Ks and Daniele Scasciafratte<\/a> for providing input and tutorials for the \u201cBuild Your Own WebExtension Add-on\u201d activity, and to Michael Kohler, Viswaprasanth Ks, and Andrew Garzia for coordinating these events.<\/p>\n","protected":false},"excerpt":{"rendered":"

We recently partnered with the Mozilla Open Innovation team to launch an activity that would introduce developers to WebExtensions and guide them through the experience of creating new add-ons with … Read more<\/a><\/p>\n","protected":false},"author":1405,"featured_media":8126,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[121],"tags":[278873,278872,278871],"yoast_head":"\n\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World - Mozilla Add-ons Community Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caitlin Neiman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/\",\"name\":\"\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World - Mozilla Add-ons Community Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/33320862610_25fed75ec6_z.jpg\",\"datePublished\":\"2017-04-04T15:45:28+00:00\",\"dateModified\":\"2017-04-04T19:37:33+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/d42e525583ec49a90da7806934fd533f\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/33320862610_25fed75ec6_z.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/33320862610_25fed75ec6_z.jpg\",\"width\":640,\"height\":427,\"caption\":\"Photo by Andre Garzia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/addons\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/\",\"name\":\"Mozilla Add-ons Community Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/d42e525583ec49a90da7806934fd533f\",\"name\":\"Caitlin Neiman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/022ba856a87c8f40739b7ef2fdcdf33c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/022ba856a87c8f40739b7ef2fdcdf33c?s=96&d=mm&r=g\",\"caption\":\"Caitlin Neiman\"},\"description\":\"Add-ons Community Manager at Mozilla.\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/author\/cneimanmozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World - Mozilla Add-ons Community Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/","twitter_misc":{"Written by":"Caitlin Neiman","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/","url":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/","name":"\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World - Mozilla Add-ons Community Blog","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/addons\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/33320862610_25fed75ec6_z.jpg","datePublished":"2017-04-04T15:45:28+00:00","dateModified":"2017-04-04T19:37:33+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/d42e525583ec49a90da7806934fd533f"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#primaryimage","url":"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/33320862610_25fed75ec6_z.jpg","contentUrl":"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/33320862610_25fed75ec6_z.jpg","width":640,"height":427,"caption":"Photo by Andre Garzia"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/04\/build-webextension-add-campaigns-around-world\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/addons\/"},{"@type":"ListItem","position":2,"name":"\u201cBuild Your Own WebExtension Add-on\u201d Campaigns Around the World"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/addons\/#website","url":"https:\/\/blog.mozilla.org\/addons\/","name":"Mozilla Add-ons Community Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/d42e525583ec49a90da7806934fd533f","name":"Caitlin Neiman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/022ba856a87c8f40739b7ef2fdcdf33c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/022ba856a87c8f40739b7ef2fdcdf33c?s=96&d=mm&r=g","caption":"Caitlin Neiman"},"description":"Add-ons Community Manager at Mozilla.","url":"https:\/\/blog.mozilla.org\/addons\/author\/cneimanmozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/8124"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/users\/1405"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/comments?post=8124"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/8124\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/media\/8126"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/media?parent=8124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/categories?post=8124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/tags?post=8124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}