How I created a Chrome extension in just one day

Ahmet Arda Orak
2 min readMay 1, 2022

--

Introduction

It might seem hard to create any app for AppStore, Playstore, or Chrome Web Store. Yes, I accept that creating Mobile Apps is not that easy but creating a simple Chrome Extension is much easier. In the very beginning, you don’t need to know any programming languages(for basic apps) just watch videos on YouTube and try to understand what the guy you are watching is making.

An Important Question: What is the benefit of creating a chrome extension — chrome doesn’t pay you for the downloads — so you must create premium features which you can sell and earn money. So it’s important to create a product that people would buy. (there are many useless extensions in the CWS)

Now I repeat you don’t need to be an expert programmer to create an extension just be willing to create something useful for people.

Now in the remaining part of the passage, we will cover the programming languages we will use and the helpful packages for creating an extension.

HTML, CSS & JS that’s all

If you are a web developer there is nothing to learn for coding a web app. Just go to https://developer.chrome.com/docs/extensions/mv3/getstarted/ and learn how to start an app.

The styling and pop-up structure are created with HTML & CSS and the functions are operated with JS. You can also use CSS frameworks like bootstrap just like creating a website.

Extras With Programming

Chrome also has its developer guide for its particular packages like Chrome Storage, Notifications, ContextMenus…

You have to learn some chrome functions while developing the extension but the chrome developer guide is one of the best guides I have ever seen.

Just an example:

When you right-click on a page in chrome a menu appears. You can add your extension’s specialized functions inside the menu with just a few lines of code.

Let’s Start

So before seeking the documentation you can watch some videos on YouTube. There are a few well-created tutorials and they are a bit old but still useful.

1- Codedamn

2-Codevolution

Short 2 to 5m easy to understand, to-the-point videos.

End

That was all about my experiences but articles “how to create a chrome developer account” and “how to create your very first extension” are coming.

Don’t forget to follow me! On LinkedIn:https://www.linkedin.com/in/ahmet-arda-orak/

--

--

Ahmet Arda Orak
Ahmet Arda Orak

Written by Ahmet Arda Orak

Entrepreneur 📍 Leader At Young Leaders Over The Horizon 📍 Web Developer 📍 Mobile App Developer

No responses yet