Build a New Tab Notes Chrome Extension - Inspired by Notion

Learn how to build a new tab Chrome Extension form start to finish
Free tutorial
Rating: 4.3 out of 5 (21 ratings)
4,693 students
1hr 30min of on-demand video
English [Auto]

How to build Chrome Extensions
Using Firebase Database


  • Basic HTML, CSS & JavaScript
  • Chrome Browser


New Tab Notes - Chrome Extension - Inspired By Notion

In this free course, we go cover everything you need to know to create a "New Tab" Chrome Extension.

We will start by setting up and connecting to Firebase for our database, creating our files and designing the display of our extension. After this we will work on allowing users to create, edit and delete notes which will all update within our extension and our database.

You will learn how to setup an extension including the manifest file, how to 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 perfect course for you!

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

Who this course is for:

  • People interested in creating Chrome Extensions


Experienced full stack web & mobile developer
Rusty Zone
  • 4.2 Instructor Rating
  • 346 Reviews
  • 11,715 Students
  • 5 Courses

Rusty Zone - Learn how to develop websites, blogs and apps with Rusty Zone.

Our aim is to help create courses anyone can follow to enable them to start a career in app or website development.

We are always happy to help with any course suggestions and try to answer as many questions as we can for you.

Get started with one of our courses today!

Top companies trust Udemy

Get your team access to Udemy's top 19,000+ courses