#Screen marker chrome how to#
#Screen marker chrome install#
#Screen marker chrome full#
#Screen marker chrome software#
#Screen marker chrome code#

Now we're going to add one, just so we have one on this video, and I can show you how storage works.īut if we go back to our previous video where we saved a bookmark, it's going to load that previous bookmark. Now if I want to go back to my 15 minute timestamp, you can click the play button.Īnd it goes directly back to that particular timestamp.Īnd when there's no bookmarks to show, it's going to say there's no bookmarks to show. I can go ahead and delete this one because I just decided I don't want it.Īnd our extension is going to give us that ability to do that. If you're on a YouTube video page, you're gonna see this item at the bottom right, you can go ahead and click that.Īnd if you navigate to your chrome extension icon at the top, right, I've pinned, so it's showing in the toolbar, you're going to see a new timestamp already had one timestamp for 15 minutes, I added one with an hour 18. So let me show you how that's gonna work. So as I mentioned before, the extension we're going to create as a YouTube bookmarker.īasically, anytime you navigate to a YouTube video page, an icon will show up on your YouTube video player to allow you to bookmark a particular timestamp on any video.

#Screen marker chrome install#

If you totally want to follow along, you can go ahead to pieces dot app and install a pieces IDE integration along with the pieces Web Extension, and you'll be able to use pieces exactly the way I do in this video.

#Screen marker chrome code#

If you want to follow along with this video and code alongside with me, you can go to the description below, I'm gonna have a link to my GitHub repo, go ahead and get cloned that and you'll be able to follow along. Now, before we get started, there's going to be three prerequisites to this course, the first is required, and it's that you have a basic understanding of JavaScript and DOM manipulation.

My hope for you after you leave this video is that you have a resource to create a modern Chrome extension, and you understand the difference between the newer version of the web extensions platform manifest v3, and older versions. So during my journey as a Chrome extension developer, I did often notice that tutorials and StackOverflow answers were using outdated versions of the web extensions platform. So if you're interested in downloading an AI coding assistant that helps you save and reuse code snippets, convert screenshots to code, and more, go ahead and download pieces in the description. I'm going to be using the pieces web extensions and integrations quite a bit in this video. The first is for a previous company, where my extension generated a significant amount of revenue for the company.Īnd the second for my current company pieces, where our web extensions play a critical part of our product stack, and help developers across the globe boost their productivity. Now the reason I want to teach about this particular topic is I've created two web extensions in my career.

#Screen marker chrome how to#

In this course, Rahman will teach you how to create a Chrome extension using the new iteration of the web extensions platform, which is called Manifest v3.Īnd he works for pieces that app pieces that app provided a grant that made this course possible, but you don't have to use their extension to follow along share in the comments what type of Chrome extension you want to make. If you want to create your own Chrome extension, you're in the right place.

#Screen marker chrome full#

Watch the full course below or on the YouTube channel (1-hour watch). It will make it so anytime you navigate to a YouTube video page an icon will appear on the video player to allow you to bookmark a particular timestamp on the video. The extension you will create in this course is a YouTube bookmarker. Pieces.app provided a grant that made this course possible but you don't need to use their extension to follow along. Raman is a great instructor and he works for Pieces.app. To follow along, it is best to have a basic understanding of JavaScript and DOM manipulation. You will learn how to create the extension using the new iteration of the web extensions platform, called Manifest V3. We just published a course on the YouTube channel that will teach you how to create your own Chrome extension with JavaScript.īy the end of this course you will understand how to create a modern Chrome extension.

#Screen marker chrome software#

A chrome extension is a software program that is designed to run within the Google Chrome web browser.Įxtensions can add a variety of functionality to the browser, including providing tools for web development, adding features to the browser interface, and changing the behavior of web pages.