Weeks of Contribution- WebExtension Session3

July 28, 2017

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

  • Fork the repo https://github.com/iamVP7/MozWOC17
  • Learn the code https://github.com/iamVP7/MozWOC17/tree/master/session3-lab1/url-override Simple WebExtension Code flow https://youtu.be/43n67zzgWsk
  • You have to redesign a new HTML which will be showed when we open new tab.
  • You have to add the send pull request by adding your screenshot in below file https://github.com/iamVP7/MozWOC17/blob/master/session3-lab1/README.md

Thanks to all the attendees participated in the live session.


Name / Twitter handle / Github profile 1) Fahima Zulfath A / @FahimaZulfath / @FahimaZulfath 2) Balaji / @balaji2198 / Balaji2198 3) Seshadri/ @Seshadriii/ sesha-3 4) Surentharan / @surentharan7 / surentharan 5) Sailesh / @sailesh2796 / Sailesh

Etherpad of the session. Link is here

Read Other Related Posts about : Weeks of Contribution 2017

  • Weeks of Contribution- WebExtension Session3
  • Weeks of Contribution- WebExtension Session1
  • Weeks of Contribution-WebExtension
  • Comments

    comments powered by Disqus