Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Start Coding Browser Extensions Using JavaScript!
Rating: 4.2 out of 5(404 ratings)
116,532 students

Start Coding Browser Extensions Using JavaScript!

Develop and publish your first Google Chrome Extension using JavaScript!
Created byJoseph Delgadillo
Last updated 11/2024
English
English [Auto],

What you'll learn

  • Web Development
  • JavaScript Basics
  • Google Chrome Extension Development
  • Google API Programming

Course content

2 sections • 10 lectures • 1h 57m total length

  • Introduction and Manifest21:57

    Learn to build a Chrome extension by creating a manifest.json and a background.js, enable unpacked loading, and implement context menus and active tab permissions with Chrome APIs.

  • Content Scripts16:04

    Explore how content scripts run on specific web pages via the manifest's content_scripts and matches, enabling DOM interaction and console logging on pages like Google and YouTube.

  • Messaging Different Parts of the Extension10:13

    Learn how content scripts communicate with the background script using Chrome runtime sendMessage and onMessage listeners, sending formatted links of titles and hrefs for processing.

  • Creating Share Popup8:21

    Refactor the extension to use an arrow callback and receive response objects from the message API, then enable a right-click share image feature that posts to Facebook.

  • Icons10:55

    Add an option to quote selected page text and share it to Facebook, while configuring extension icons across multiple sizes in the manifest and preparing background and content scripts.

  • Source Code

Requirements

  • A basic understanding of web development will be helpful but not necessary.
  • An eager and open mind!

Description

Hello and welcome to our course on how to develop and publish a Google Chrome Extension! This web development course was designed for all levels of programmers, and will provide you with practical JavaScript programming experience.

In this course we will build two Chrome extensions and cover the following topics:

  • Introduction and Manifest

  • Content Scripts

  • Messaging Different Parts of the Extension

  • Creating Share Popup

  • Icons

  • Building an Image Downloader

  • Interacting with the DOM

  • Uploading to the Google Chrome Web Store

Project source code is available on GitHub. All of the videos in this course are downloadable for offline viewing. English subtitles/captions are available within the course.

Thank you for taking the time to read this and we hope to see you in the course!

Who this course is for:

  • Web developers interested in publishing a Google Chrome Extension.
  • New JavaScript programmers looking for practical projects.

Report abuse