Chrome Extensions: Beginners Guide to Building & Publishing
4.5 (68 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
300 students enrolled

Chrome Extensions: Beginners Guide to Building & Publishing

Step-by-step guide for web developers of any skill level who want to build & publish their first Google Chrome Extension
4.5 (68 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
300 students enrolled
Created by David Sealey
Last updated 4/2018
English [Auto]
Current price: $12.99 Original price: $19.99 Discount: 35% off
14 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 1 article
  • 7 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build and test your very own Google Chrome Extension
  • Publish their own Chrome Extension to the Chrome Store
Course content
Expand all 21 lectures 01:31:42
+ Introduction
6 lectures 16:46

Welcome to the course!

This course is about an hour long. If you can't spare an hour today to complete the course, why not challenge yourself to complete 15 minutes a day, over the course of 4 days this week?

This introduction will explain exactly why you should complete the course and what skills you will learn by the end to be able to build your own Chrome Extension.

Preview 01:43

Find out what basic web developing skills you need to get the most from this course and what software will help you build your first Chrome Extension.

What Do You Need to get the Most from this Course?

Learn in detail what a Google Chrome Extension is and what functionality they can bring to your Internet browser.

Preview 05:02

Learn what a page action Chrome Extension is, what functionality they can bring to a website and you'll see some examples of page actions in action.

Page Actions

Take a look at some examples of browser action Chrome Extensions and how they differ from page actions, mentioned in the previous lecture. You'll see what functionality they can bring to Google Chrome.

Preview 04:07

This lecture will provide an overview of the main topics you looked at in this first section of the course, covering the main aspects of what makes a Chrome Extension, what functionality they bring and the differences between page actions and browser actions.

+ Build and Publish Your First Google Chrome Extension
9 lectures 38:53

In this introduction to the second section of the course, I'll explain what you will be building and the steps you'll be taking to make and publish your Chrome Extension.


You'll learn the initial files you'll need to include in your Extension project. I'll then show you the code behind writing the manifest file which is required to give Google Chrome information about your Chrome Extension.

Setting up the project and the manifest file

The HTML code will provide the initial markup for your Chrome Extension. Following along with this lecture, you'll be adding the essential elements for the Extension.

The HTML markup

Let's add a little style to your Extension! I'll show you the recommended CSS code to include which will help add a little visual neatness to your Chrome Extension.

The CSS styles

In this lecture, you can follow along to add the all important functionality to your Extension. I'll explain how to write the JavaScript to do just that!

The JavaScript functionality

You need to add a visually appealing icon to your Extension. I'll explain the best practices when making the choice in what icon type to include and why choosing carefully is important.

Adding The Icon

Let's test out your Chrome Extension! I'll show you the steps to get your finished Chrome Extension working inside of Google Chrome on your local machine.

Implement your Extension Locally

So you want to upload your Extension to the Chrome Store for the world to see, and maybe even make some money from it?! I'll explain how to build your product page so it is ready to publish your Extension to the Google Chrome Store for everyone on the Internet to download.

Publish to the Store
Chrome Extension Quiz
5 questions

In this lecture, I'll be giving you a summary to the key points we've covered in this main section and remind you the important aspects you must include to build, test and publish a Google Chrome Extension.

+ Where to go next?
2 lectures 03:30

If you're eager to go away and think of your own Extension and what other functionality you could include, then I'll explain in this lecture the examples of Google's API's you can take advantage of to take your Chrome Extension to the next level.

Making use of Google's API's

This useful sheet contains some external resources which I think you will find useful if you're serious about taking your new found Extension development skills to the next stage.

Useful Resources
+ Conclusion and Thank You
1 lecture 01:23

Quite simply, thank you for enrolling on this course. Udemy has a great community and you're part of that. Congratulations on completing 100% of the course!

Thank You.
+ Bonus Lectures
3 lectures 31:10

Based on user feedback, this lecture will show you how to build an extension using a Chrome API

Introduction and Anchor Highlighter Extension

In this lecture, you will put together everything you've learnt so far, including your new knowledge of Chrome JavaScript APIs to build an extension that can completely change the look of any webpage.

Page Styling Extenstion

This lecture will build upon your knowledge of working with the APIs and will add a little more complexity to the functionality of building a Chrome Extension.

Top Ten URLs Extension
  • Students should be familiar with the basics of front-end web languages such as HTML, CSS and JavaScript

Get paid by businesses who require a Chrome Extension. Or build your own Chrome Extension and sell it on the Google Chrome Store. 

Learn to Build, Test and Publish Your Own Google Chrome Extension

  • Learn the code
  • Recognise what elements need to be included
  • Learn how to test your Chrome Extension
  • Find out how and where to publish to the Chrome Store

I designed this course to be easily understood by web developers at any level, including beginners. However, to get the most from this course, I would expect you to have basic knowledge of HTML, CSS and JavaScript. I have not included any complicated terminology so as long as you have the basic understanding of front-end web languages, you will be able to follow along with the development of the Chrome Extension that you will be building.

Included in this course are the images and icons I have used in the lectures but you are free to use your own.

This course is about an hour long. The lectures contain everything you need to know in a step-by-step format to build and publish your own Chrome Extension, whilst remaining concise and to the point.

At the end of this course, you will be a fully-fledged Google Chrome Extension developer. Not only will you know how to build a Chrome Extension, but how to test, how to implement on your local browser and how to publish to the Chrome Store. 

In the next hour, you will have the knowledge to make money from your own Extension. Enrol today!

Who this course is for:
  • This course is ideal for web developers of any skill level who want to learn to build and publish their own Chrome Extension