Build a Chrome extension like Honey

Learn how to build the next billion dollar Chrome Extension

4.40 (73 reviews)
Udemy
platform
English
language
Web Development
category
instructor
1,866
students
1.5 hours
content
Jan 2023
last update
FREE
regular price

What you will learn

How to create a chrome extension

How to connect Firebase to a chrome extension

Description

Build a Chrome Extension like Honey (Acquired for $4 Billion!)

In this course, we go through all the steps in creating a Chrome Extension.


We will be using Firebase as a database for our coupon details, users will be able to see the extension in the corner of the page and then click onto the extension to either submit or find a coupon. They can click onto a coupon to copy it to their clipboard.


You will learn how to use the Chrome Extension manifest file, connect a Firebase database into a Chrome Extension (using the chrome.runtime functions). Interact with the database along with publishing this all to the Chrome Web Store.


If you have ever wondered how a Chrome Extension is created then this is the course for you!


This course will run through Creating a Chrome Extension & Using Firebase.

Content

Intro Section

Welcome!

Extension First Steps

Create Firebase App & Extension Folders
Security String
Create Files needed for the Extension
Connect Extension to our Database
Setup Chrome message events
Setup Database Structure & Fetch Coupons

Rendering Data

Render coupons onto the page.
Add click event to open coupon list overlay

Design Extension

Create CSS file & populate with styling
CSS Styling File

Submit Coupons

Ensure extension appear if coupons exist for a website or not.
Display form for submitting coupons
New command to submit coupons to Database
Push coupon details to Database
Add styling to button and overlay
Updated CSS

Ready to Publish?

Copy coupon to clipboard & close overlay
How to publish Chrome Extension
Thanks for taking the course!

Screenshots

Build a Chrome extension like Honey - Screenshot_01Build a Chrome extension like Honey - Screenshot_02Build a Chrome extension like Honey - Screenshot_03Build a Chrome extension like Honey - Screenshot_04

Reviews

Edgardo
December 6, 2022
Super outdated course, you need to do some serious research online to keep going every time you get stuck V3 is way different than this course. A course where you have to spend more time doing research and learning on your own instead of what is inside the content is useless + the teacher doesn't reply.
Cyber
December 5, 2022
Needs to be updated to reflect the change in how you build Chrome plugins. Until then, a good chunk of the course is out of date and is no longer applicable.
Nicholas
August 23, 2022
this course is outdated! You get hard stuck on step 2 because the code has changed a lot. This needs to be updated!!
Mikhail
December 6, 2021
It's a really bacis course and there is nothing really extra interesting. What is more the length of the course is only 2 hours.

Charts

Price

Build a Chrome extension like Honey - Price chart

Rating

Build a Chrome extension like Honey - Ratings chart

Enrollment distribution

Build a Chrome extension like Honey - Distribution chart
2847142
udemy ID
3/2/2020
course created date
7/24/2020
course indexed date
Bot
course submited by