Build a Chrome Extension – Course for Beginners

optional requirements are no requirements at all

why is the code in contentscript.js enclosed by parenthesis, and called upon directly?

There is no bookmark-btn on the entire html. I found bookmark as an id only.

will it work in safari browser as well?

can you follow along to this tutorial and not use whatever custom IDE this is?

Pls where can i get the boiilerplate so i can copy and paste the code

The code does not show urlparameters con console log

I'm using this because one of my homework's is not accessable. Tab and enter don't work, pasting is horrible, and I have friends with problems relevant.

I want to create a special Chrome extension to share cookies. Can I contact you?

Thanks for easy and understandable tutorial, it's really good.

Though I would say some things could be done better.

1. You should probably test on timestamp existance on bookmark creation to avoid creating duplicates when a user clicks the button several times in a row
2. You should probably deal with storage in background page/service worker, and not in content script. Even though the code in content script will become less beautiful, I guess it is better in terms of architecture. And if you don't care about architecture at all, why just not move that to popup.js? Your content script really does not need to get access to the full bookmarks list in order to add a "plus" button and assign a click handler to it.
3. Maybe you don't have to refetch all the bookmarks after deletion, just add some logic for handling an empty list case (some speed optimization).
4. Finally, Chrome definitely won't allow us to change the active tab leaving the popup opened (though Firefox really allows something like this using a special development option to preserve all opened popups), but we can overprotect ourselves and save the current page url or video id somewhere in popup.js, so that we can be 100% sure that we are deleting the right things.

I know that it is a video for beginners, but still.

Also it was worth mentioning about the total storage limitsof each type that Chrome allows us to store.

a better start to the video after the demo would've been to show us how to create the boilerplate code as that will let us understand how the extension works better

will it work on BRAVE ?

I cant believe you were given a grant to make this terrible tutorial.

Helllo Im facing an error, when I send a message from background script I encounter this error, help me please I can't get rid of it....! Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.

i want to make a chrome extension in which i can freely zoom in x-axis or y-axis of a website independently or individually. specifically, i am currently unsatisfied with the UI of g-calendar and thus want to vertically zoom in on the page without horizontally zooming in.

i hope such type of chrome extension can be made, isn't it?

the addition button is not working , the code is right, I've refreshed the extension then what is the issue??

t

never would i have thought a delicious japanese noodle dish would teach me how to make a chrome extension, how far we've advanced

more videos in this play list pleas

Awesome!!

Thank You 💗💓

what chrome extension i want to create a extension through which i can place buy sell orders while i am doing analysis in the tradingview charting website with a 3 sec timer to cancel (optional) and also info about the position i have taken, without switchin logging moving too much . well need to figure it out how to do it just started the course so hopefully built it in 30 days

The description states javascript but the code on the screen is python oh boi 😑😒🤔

anyone getting a failed to load resource error on the comleted version of the code from his github? says access it blocked by client or something

Bookmark is not for books? maybe should be named more properly videomarks.

Thanks Ramen

It confuse a bit that you show videos with code, it was better if you used something completely unrelated. Other thing is you mess around but do not explain what components do and how they play together, I thing you do a bit of this when you explain that the manifest when the url match, inserts and executes the contentScript in the context of the web page, it had been nice if you explain later what role the background script plays and how the event passing works. But well, you can make another video with more clear explanation.

mai capito a cosa serve creare un titolo in italiano e il contenuto in inglese!!!!!!!!!!!!!!!!!!!!!! descrzione compresa.

Absolutely loved it. Bring us part 2 ✨

what text editor is he using for the coding?

how to debug during development if things don't work out as expected?

Great tutorial. Thanks for all your hard work putting this together.

What VScode extension are you using to provide autocomplete suggestions regarding the Chrome APIs as you code. Particularly in your background.js file?

Wow, this video is really advanced! He goes through all the steps so fast and assumes you already know a lot of things. This is definitely not for beginners who want to learn how to make an extension from scratch. You need some prior experience and knowledge to follow along. I wouldn't recommend this video to anyone who is just starting out with extensions. It might be too confusing and frustrating for them.

This finished code itself in git repo is not working currently in chrome

Hey how do I create this in my pc all the set of files ah sorry it was in the description

so i was having some dificulty with one of the parts erroring, and as a trouble shooting step, i tried seeing if the finished version off git hub would work

it did not. i think this tutorial is either depricated or straight up bad.

This inspire me to give up on coding

Good video. By no means best video I've seen. It's clear there's a script or some background code that's being read from bc the order of operations from "what do I need to do" to "code I wrote" are out of order. You go through the instruction as if you're working from the solution rather than the problem and that eliminates the problem-solving process: questions like "why do I want left controls and not right controls?", "why this video player?", "why a value property?", "why are splitting this up into so many different functions from the start?" are prominent in a viewers' mind throughout the video which causes mental fatigue.

Way too much back-and-forth and bullsh!t with all this over-complicated things. Beginners need a beginning, maybe start there... not at the end and then jump back and yadda-yadda about your extension. If I wanted to see ego-masturbation I'd have searched for that.