
Explore how to build and deploy chrome extensions and firefox plugins by creating a manifest.json, popup interfaces, background and content scripts, and loading unpacked extensions for testing.
Learn html basics for extensions, including entities for special characters, lists and nesting, images with alt text, hyperlinks and anchors, and tables with borders, headers, and alignment.
Learn to build HTML forms with the form tag, using input types like text, password, radio, checkbox, file, textarea, and select, and submit data via get or post.
Learn how JavaScript adds interactivity and page manipulation in the browser, using event handling, form validation, alerts, prompts, and embedded scripts to control content and user input.
Master JavaScript event handling by using event listeners for clicks, keypresses, and loads, with examples like form submission, canvas interactions, and hover effects.
Learn practical JavaScript form validation for Chrome extensions and web pages, including required fields, regular expressions for names and emails, and using alerts to enforce valid inputs.
Learn to build a Chrome extension from scratch that changes a page's background to red when you click the browser action, using manifest, background scripts, and event handling.
Deploy and test an extension that displays your recent history. List up to 10 links using a manifest.json and a popup script triggered by clicking the extension icon.
Publish your Chrome extension by paying a one-time five dollar fee, uploading a zip with the manifest, and adding description, screenshots, category, languages, and pricing for Chrome webstore.
Publish your Firefox extension by creating an account on the Firefox addons site, logging in, uploading the zip, and choosing listing options to publish.
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.