Build a Chrome extension like Honey
5.0 (2 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.
22 students enrolled

Build a Chrome extension like Honey

Learn how to build the next billion dollar Chrome Extension
Hot & New
5.0 (2 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.
22 students enrolled
Created by Rusty Courses
Last updated 5/2020
English
English [Auto]
Current price: $17.99 Original price: $29.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 3 articles
  • 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
  • How to create a chrome extension
  • How to connect Firebase to a chrome extension
Course content
Expand all 20 lectures 01:40:46
+ Extension First Steps
6 lectures 28:24
Create Firebase App & Extension Folders
03:11
Security String
00:03

String mentioned in the video:

"content_security_policy": "script-src 'self' https://www.gstatic.com/ https://*.firebaseio.com https://www.googleapis.com; object-src 'self'"

Create Files needed for the Extension
07:58
Connect Extension to our Database
03:20
Setup Database Structure & Fetch Coupons
06:57
+ Rendering Data
2 lectures 16:22
Add click event to open coupon list overlay
10:51
+ Design Extension
2 lectures 15:16
Create CSS file & populate with styling
14:45
CSS Styling File
00:31
+ Submit Coupons
6 lectures 26:07
Ensure extension appear if coupons exist for a website or not.
03:19
Display form for submitting coupons
07:21
New command to submit coupons to Database
03:38
Add styling to button and overlay
04:38
Updated CSS
00:42
+ Ready to Publish?
3 lectures 13:29
Copy coupon to clipboard & close overlay
06:47

Helpful Links

Design Inspiration - https://dribbble.com/

Publish guidelines - https://developer.chrome.com/webstore/publish

More info on App Icons - https://developer.chrome.com/extensions/manifest/icons

https://chrome.google.com/webstore/developer/dashboard

How to publish Chrome Extension
06:18
Thanks for taking the course!
00:24
Requirements
  • Basic HTML & Javascript
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.

Who this course is for:
  • Anyone interested in creating Chrome Extensions