diff --git a/createandpublish b/createandpublish new file mode 100644 index 0000000..aa03bc5 --- /dev/null +++ b/createandpublish @@ -0,0 +1,243 @@ + + + + + + Build Your First Extension for Firefox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+

Build Your First Extension for Firefox and beyond

+

Third meeting - Creating and Publishing Your Extension

+
+
+
+ +
+
+
+
+
+

Introduction

+
+

This is the third activity for building an extension for Firefox. Do you want to start from the beginning? Check out the first activity which will introduce you to browser extensions and idea generation.

+

In this meeting/activity, participants will create and test their own browser extension using WebExtensions APIs, and publish their extension on addons.mozilla.org.

+
+
+
+ +
+
+

Getting ready

+
+ +
+
+ project name + +
+ +

Share a slide presentation

+

Use the following slide deck as is, or customize it to make it your own. Going through this will teach you everything you need to lead this activity with your club.

+

After you customize the slidedeck, use it during your Club's meeting to help members create and publish their extensions .

+ Create and Submit Your Extension slidedeck + +
+
+ +
+
+
+ +
+
+

Build Your Extension

+
+
+

At the last meeting, you prototyped an idea for a browser extension.

+

Now, it's time to build and test your extension. We recommend the following resources for help with extension development:

+ + +
+
+
+
+ +
+
+

Test Your Extension'

+
+
+

Once you have built your extension, you can test it on Firefox using these steps:

+
    +
  • Navigate to `about:debugging`
    • +
  • Check `Add-on debugging`
    • +
  • Click `Load Temporary Add-on`
    • +
  • Select your extension's file
    • +
  • Close `about:debugging` and browse the web to see how your extension works!
    • +
+
+
+
+
+ + +
+
+

Submit Your Extension to addons.mozilla.org

+
+
+

Congratulations on building and testing your add-on! If you would like others to use it, you can it to addons.mozilla.org (AMO) and other browser extension stores.

+

To submit your extension to AMO, follow these steps:

+
    +
  • Zip up your extension's files
    • +
  • Create an account on AMO
    • +
  • Upload your zipped files to AMO
    • +
  • Tag your submission #campusfox` +
  • Fix any review issues
    • +
+

For more information about submitting your extension to AMO, see this tutorial on MDN web docs.

+ +

If you would like to take advantage of the WebExtension API's compatibility across browsers, upload your extension to Chrome, Opera, or Edge".

+ +
+
+
+
+
+ +
+ + + + + +
+
+
+ + + + + + + + + + + + + + + + + + +