Develop your Google Chrome Extension and Firefox Plugin

learn to build simple to Advanced functionalities, and publish it on Chrome webstore or Firefox browser

3.10 (107 reviews)
Udemy
platform
English
language
Web Development
category
928
students
2.5 hours
content
Nov 2020
last update
$19.99
regular price

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

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.

Content

Introduction

Introduction
Exploring Popular Extension Features
Quick Development and Deployment

HTML and CSS (Optional)

Part-1 HTML {intro, tags, char formatting, etc}
Part-2 HTML {List, Table, Hyperlink, etc}
Part-3 HTML {Frame, frameset, etc}
Part-4 HTML {Forms, etc}
CSS (Cascading Style Sheet)

JavaScript (Optional)

Part-1 JavaScript {Intro, msgs, etc}
Part-2 JavaScript {Operators, Conditionals}
Part-3 JavaScript {Event Handling}
Part-4 JavaScript {Form Validation}

EXTENSION Examples

Ex-1 Page Background Redder on click
Ex-2 Display Recent History

Publishing on Marketplace

Publishing on Chrome webstore
Publishing on Firefox store
Fundamentals of Browser Extension

Screenshots

Develop your Google Chrome Extension and Firefox Plugin - Screenshot_01Develop your Google Chrome Extension and Firefox Plugin - Screenshot_02Develop your Google Chrome Extension and Firefox Plugin - Screenshot_03Develop your Google Chrome Extension and Firefox Plugin - Screenshot_04

Reviews

Stefan
December 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.
Jos
April 1, 2020
Very basic training. Basically focussed on learning HTML, CSS & JS. The "extension" part is very poor.
Goli
July 19, 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.
Daniel
July 11, 2018
this course is helpful in learning fundamentals of browser plugin development, specifically for chrome extensions. Examples provide insights about creating such tools.
Hennadii
February 2, 2018
This course has very little to do with actually building extensions, and mostly seems to be intro into web development
Justin
January 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.
Roger
January 19, 2018
I am giving you 5 Star because your course is much better then other course which are available in udemy .
Kumar
January 17, 2018
Earlier I had an idea about how to develop an browser extension, but didn't had an exposure what i could do with it. I got motivation as well here.
Sadashiv
December 17, 2017
I will suggest this tutorial to everyone who wants to develop a chrome extension. well done sir!!! Make more like this.
Thupsen
December 16, 2017
Recommend this course to learners who are seeking their way to Browser extension development, it is good for both cradler and intermediate level.
Rashid
December 15, 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.
Ramesh
December 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.
Robert
December 12, 2017
Early examples were bugged and didn't work. No resolution was offered. Didn't feel like there were advanced examples.
Sandeep
November 29, 2017
Find this course direct to the point and concise in a manner that it contains stuff for a noobie and leads to experienced.
Pranjal
November 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.

Charts

Price

Develop your Google Chrome Extension and Firefox Plugin - Price chart

Rating

Develop your Google Chrome Extension and Firefox Plugin - Ratings chart

Enrollment distribution

Develop your Google Chrome Extension and Firefox Plugin - Distribution chart

Related Topics

1438578
udemy ID
11/19/2017
course created date
11/20/2019
course indexed date
Bot
course submited by