Develop your Google Chrome Extension and Firefox Plugin (Udemy.com)
learn to build simple to Advanced functionalities, and publish it on Chrome webstore or Firefox browser
Created by: Harshit Srivastava
Last updated November 2022
What you will learn
- At the end of this course, students will be able to develop their own advanced CHROME extension or FIREFOX plugin and apply all the knowledge gained.
- You would learn about front end web development languages used for developing browser extensions
- You will learn about about HTML, CSS, JavaScript
- You will learn to deploy Chrome extension and Firefox plugin
How it compares
Against the other 815 rated Udemy courses in Web Development on CourseDuck:
- Rating3.6 out of 5among the lower-rated ones
- Reviews108#634 of 816 by number of reviews
- Length2.4 hoursshorter than 83% of them
- Last updatedNovember 2022earlier than 72% of them
Course Description
Welcome to this course, where you will learn how to develop your very own Chrome Extension and Firefox plugin from scratch. A lot of people are using at least a few of the browser extensions, that could be used to enhance their web experience, block ads, run some custom scripts, change UI or colors of the web pages, put cookies or notifications, etc. There is a huge market for browser extensions, but there are not as many developers active in this domain, compared to Mobile app development, or web development. Although it involves the similar skillset as a web developer, where you would be using HTML, JavaScript and CSS. But still a very few developers actually try to explore this domain in particular.
If you are a student, or a web developer, you can leverage your skills to create a browser extension. In this course you will be learning everything right from the beginning, so you are need not to be an expert before taking this course. If you feel, you are comfortable with a few topics you will be learning in this course, feel free to skip a few lectures or sections. But don't skip the development and publishing sections, as you will learn with real life example of how you can develop and extension and publish it online for Google chrome and Firefox. You can skip sections marked as optional, if you already know how to do it.
In this course, you will learn the basics of the browser extension, a few popular extensions. Next you will learn front end development with HTML (Hypertext Markup Language), CSS (Cascading Style Sheet) and JavaScript. After you have developed these skills by developing a few functionalities, implemented in a web page or website, you can proceed to the later sections where you will learn with real life examples of developing a chrome extension and deploying it online.
What is an extension?
An Extension or browser extension or browser plugin is packaged set of code that alters the way webpages are rendered in a browser. For example- Changing colors of a web page or using dark mode.
How to create an extension?
You can create an extension by using front end web development technologies such as HTML, CSS, and Javascript. You may write a manifest file in json for the specific browser such as google chrome or Mozilla Firefox.
Instructor Details
- 3.6 Rating
108 Reviews
Harshit Srivastava
I am Self-Taught developer who had worked on various platforms using varied languages, and involved in various Projects both Open Source and Proprietary.
I have developed Web and Android Applications, chrome Extension, worked on various frameworks, fixed bugs for some projects, and explored numerous others. I think education and learning should be free and open, not be bound with restrictions like attending classes or going to college, People from all age groups, gender, faith, race, nations, etc must get equal privilege. When entire world would act this way like being a single FAMILY, we would truly realize VALUE of Knowledge and Human Life.
Currently I am teaching more than 152,000 students from 189 countries across the world.
More courses by Harshit Srivastava
Develop your Operating System from SCRATCH using SUSE linux (2022)
3.7 (197 Reviews)
Provider: Udemy
Time: 42 mins
$39.99
Create Analytics Dashboard with PowerBi and Tableau (2023)
4.2 (137 Reviews)
Provider: Udemy
Time: 2h
$39.99
Container on Microsoft AZURE Docker Kubernetes- Azure Devops (2022)
3.3 (131 Reviews)
Provider: Udemy
Time: 3.1h
$54.99
Data Visualization with Python and Power BI (2022)
4.1 (107 Reviews)
Provider: Udemy
Time: 1.6h
$44.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
By Stefan Wolff on 12/19/2020
Irgendwie scheint der ganze Kurs etwas "planlos" zu sein. Ich erwarte, dass der Dozent sich beim Aufnehmen der einzelnen Lektionen vorbereitet hat, so dass er professionell und seriös / sicher den Stoff vermitteln kann. Dazu gehört zum Einen, dass die Lektionen nachbearbeitet / geschnitten werden, wenn sich der Dozent "verhaspelt". Vor allem aber sollten Fehler im Code nicht überspielt oder durch einen passenden Schnitt im Video verheimlicht werden. So kommt es in einer Lektion vor, dass der passende Code nicht in Chrome ausgeführt wird und der Dozent nur darauf hinweist, dass evtl. im Code ein Fehler ist - ohne diesen Fehler zu korrigieren. Ein anderes Mal sind die schließenden Klammer eines JavaScript-Codes falsch positioniert, so dass der Code folglich nicht funktioniert. Beim Testen der Erweiterung klickt der Dozent dann auch ein paar Mal auf das Erweiterungs-Icon, ohne dass der entsprechende Effekt (roter Hintergrund auf der aktiven Webseite) eintritt. Wie durch ein Wunder wird bei einem weiteren Klick jedoch der Hintergrund rot - nur dass jetzt auf einmal eine Download-Leiste in Chrome sichtbar ist, die vor knapp einer Sekunde noch nicht da war. Die "Jumpstarts" von HTML, CSS und JavaScript kann man als Anfänger vollkommen vergessen. Man hat danach nicht mehr Ahnung als vor dem Schauen der Lektionen. Es werden die Sprachen anhand von PowerPoint-Folien erklärt, teilweise mit Screenshots von Code-Ausschnitten begleitet. Diese scheinen aber wild aus verschiedenen Winkeln des Internets zu stammen. Ich vermisse da eindeutig "etwas" Fleiß beim Erstellen - immerhin gibt es diesen Kurs nicht umsonst... Ich habe von diesem Kurs erwartet, dass er gezielter auf die Chrome APIs eingeht. Diese werden aber kaum angesprochen, sondern dem Kunden einfach vorgesetzt. Beim abschließenden Quiz ist ebenso ein Fehler. Zum Lernen ist dieser Kurs absolut ungeeignet. Im Grunde ist es eine Frechheit, dafür Geld zu verlangen.
By Matt Jose on 10/20/2019
I work as a tester in agile team at my company, i was fascinated to learn building Chrome Extension from starting but not going just theoratically but wanted to learn with some real stuff. This course prooved to be my guide, and i asked a lot of question to intructor while learning, he always replied within 24 hours. Sometimes i had doubts while watching lectures, that i cleared by asking him.
By Ioannis Valsamidis on 11/13/2018
he is full of errors from start. For instance take a look at the manifest.json file that describes (or tries to) the composition of it. forgets a whole section or object that is the "Icon" before proceeding to the "browser_action" key-pair description. His information is incomplete, forgetting to mention that one has to make the full range of icons from 16x16 pixels, 32x32, 64x64 and finally 128x128 all under the "icons" section in the manifest json file. I had to learn all these by reading the developer's chrome web page all by myself. He also fails or emits to mention the differences and requirements between chrome and Firefox manifest file for a plug-in to work there. I thought these lessons would include firefox as the title implies. I have never posted a negative review in any of my purchased lessons so far.
By Goli Aapte on 7/18/2018
Covering from fundamentals to visualisation of what an extension may look like, is something that i appreciate most rather than practical exercises and other topics. Overall good content.
By Daniel Trump on 7/11/2018
this course is helpful in learning fundamentals of browser plugin development, specifically for chrome extensions. Examples provide insights about creating such tools.
By Justin Sweeney on 1/30/2018
I initially liked this course till I went through the HTML section and realized how outdated this course really is. He did a great job explaining HTML, Javascript, and CSS, but didn't do much explaining on how to use those 3 to make a plugin, he only briefly explained some examples he had. After the HTML/CSS/Javascript sections, I expected for there to be a more in-depth explanation of the manifest.json and what can go inside this file. I never saw any explanation of how to pass data from the background script to the content script which I read from other online tutorials. All the code looked to be for chrome instead of firefox which was disappointing. Overall I didn't really learn anything from this course, not even enough to make my own extension, which was very disappointing.
By Ramesh on 12/14/2017
Find HTML,CSS, and JavaScript videos quite concise, and they can be more detailed. Rest everything is awesome. Enjoyed provided Examples, more can be provided. Learnt how to publish it on market.
By Rashid Hussain on 12/14/2017
Find course content useful to me, as it was fundamental and most basic at beginning with inspiring real-life extensions in market. I also plan to make my own on some day, but would like to suggest instructor to add an example on Analytics plugin.
By Robert Heydenrych on 12/12/2017
Early examples were bugged and didn't work. No resolution was offered. Didn't feel like there were advanced examples.
By Pranjal SRIVASTAVA on 11/29/2017
I appreciate course content, it involved various real examples and also included JavaScript and HTML that is good for beginners. At end he described how to publish an extension on marketplace.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 72 / 100












