Weeks of Contribution- WebExtension Session1

Date : 24th July 2017

Time: 8:30 – 9:30

IRC channel: #MozillaTN

This is our first series of the WebExtension webseries. The main agenda of the program is to get started with Mozilla community and discuss the syllabus we will be learning in this series.

Agenda

  • Contributing to Mozilla Community
  • How is our Session Designed
  • Short intro on Syllabus

First we started with watching video about Contribution paths of Mozilla. Then we discussed about the experiments and the API we will be visiting in this session.

Experiments we are going to learn

  • First we will be starting with setting up our Firefox Nightly in the next Session, then we will be cloning a simple already build WebExtension in our machine and we will be running it locally in our browser
  • Second we will be creating a small add-ons where we will be creating a Beautiful welcome page for every new tab. (This is used in many of the Add-ons a sample one in Firefox Test Pilot Activity Stream)
  • Third, we will be creating 3 add-ons one click open for our fav website, one click close for current tab, one click update of current tab. We will learn basics of Tabs API in this
  • We will be building an Add-on where we will be converting the particular website to night Mode. In our case we can try with our fav blog.
  • We will be building a omni box multi search engine. If you have used Duckduckgo you might have seen !a will make search in amazon, similar to this we will be build one add-on
  • Sometimes we prefer to select few words and search in different search engine like Google , bing, ddg and so on. For that we will be building a small add-on based on ContextMenu API. Difference between 6th and 5th exp is in 6th we use Contextmenu API + Tab update, in 5th we use OMNI box API
  • We will be building a small remainder or Dr. Water, which will be triggering remainder for every n mins. Here we will be learning Alarm API + Notification API
  • Then we will be building an add-on to control the youtube playlist, we will add simple button like play next song, pause / play here we learn tabs.executeScript , tabs.query API
  • We will build a local play list for youtube in which we can add our fav youtube songs and use it in that browser alone. We can use without signin. Here we will learn LocalStorage and History

English version of Video

Tamil Version of Video contributed by contributor

//platform.twitter.com/widgets.js

Join our Social Media Channel

Join #MozillaIN Community

Join #MozillaTN community

  • Tweet to @MozillaTN
  • Join IRC channels #MozillaTN, #MozillaTNC
  • Join the Telegram group @MozillaTN , @MozillaTNC
  • Our Google groups https://tinyurl.com/GgMozTN

You can download PDF from link

Note: Contribution are welcomed, help by transalting video in your language. spread word about this learning program. Use teaching kits available and use in your community and share the knowledge

Advertisements

Weeks of Contribution- WebExtension Session3

Date : 28th July 2017

Time: 8:30 – 9:30

IRC channel: #MozillaTN

This is our first series of the WebExtension webseries. The main agenda of the program is to get started with Mozilla community and discuss the syllabus we will be learning in this series.

In our previous session we have learned about what are the different areas of contribution available in Mozilla community. If you are interested please read through the previous post.

In our second session we have learned basics of git. Thanks to Dhinesh for sharing the amazing playlist by freecodecamp at youtube.

In our third session we get started learning what are Browser Extension. What is so important of it and how it is going to keep web safe and help developers to maintain code easier. You can learn by checking my previous blog.

Running our Browser Extension

You can learn about running Browser extension from the previous post

Running a simple Chrome Override Extension.

A very simple Extension is developed where whenever we open a new tab we get a beautiful page. The source code is available in github
. It will be great if you explore the code and send the Pull Request of your screenshot. You can learn code flow from the below video.

Task 1

Thanks to all the attendees participated in the live session. Google drive PDF Link

Attendees

Name / Twitter handle / Github profile

  • Fahima Zulfath A / @FahimaZulfath / @FahimaZulfath
  • Balaji / @balaji2198 / Balaji2198
  • Seshadri/ @Seshadriii/ sesha-3
  • Surentharan / @surentharan7 / surentharan
  • Sailesh / @sailesh2796 / Sailesh

Etherpad of the session. Link is here

Weeks of Contribution-WebExtension

Weeks of Contribution is one of the amazing series of online event where first time contributors get started contributing to Mozilla Community. It was started in 2015 by set of contributors aiming to bring contributors around Tamilnadu in various areas of Mozilla contribution like Localization, Doocmentation, Firefox OS app development, Add-ons development for Firefox and so on.

Previously in 2015 we had video conferencing call in youtube hangouts on air each and every week contributors were taught on specific area. In 2016 we focused on only 3 areas like QA, L10N, WebVR, WebCompat and we focused each area for two weeks. In 2017 we are starting the first area with WebExtension. The detailed plan is below.

This time we are planning to have continuous learning of WebExtension. Each week there will be 3 session in our #MozillaTN IRC channel on Monday, Wednesday and Friday between 09:00 PM and 10:00 PM. It will be running for 5 weeks, so there are 15 sessions. A tentative schedule is shared, please visit the following link if there is an change in timings we will be updating in our Google groups

Format of Session

  • 1 hour IRC chat
  • First 5 mins introduction of every attendees
  • Discussing about WebExtension API
  • QA
  • Updates on Next session.

What we plan to achieve

  • Bring 25 new contributors who can develop Addons.
  • Bring 25 new Add-ons to AMO

Signup in the google forms

Twitter handle is #TNWebExt Dont forget to create the buzz among your friends. Help them so they can also join this amazing IRC series and enjoy learning.

Weeks of Contribution-WebExtension

Weeks of Contribution is one of the amazing series of online event where first time contributors get started contributing to Mozilla Community. It was started in 2015 by set of contributors aiming to bring contributors around Tamilnadu in various areas of Mozilla contribution like Localization, Doocmentation, Firefox OS app development, Add-ons development for Firefox and so on.

Previously in 2015 we had video conferencing call in youtube hangouts on air each and every week contributors were taught on specific area. In 2016 we focused on only 3 areas like QA, L10N, WebVR, WebCompat and we focused each area for two weeks. In 2017 we are starting the first area with WebExtension. The detailed plan is below.

This time we are planning to have continuous learning of WebExtension. Each week there will be 3 session in our #MozillaTN IRC channel on Monday, Wednesday and Friday between 09:00 PM and 10:00 PM. It will be running for 5 weeks, so there are 15 sessions. A tentative schedule is shared, please visit the following link if there is an change in timings we will be updating in our Google groups

Format of Session

  • 1 hour IRC chat
  • First 5 mins introduction of every attendees
  • Discussing about WebExtension API
  • QA
  • Updates on Next session.

What we plan to achieve

  • Bring 25 new contributors who can develop Addons.
  • Bring 25 new Add-ons to AMO

Signup in the google forms

Twitter handle is #TNWebExt Dont forget to create the buzz among your friends. Help them so they can also join this amazing IRC series and enjoy learning.