
Explore tools and resources for a chrome extension project using JavaScript, including VS Code, PlayCode IO, ChatGPT, Chrome extension marketplace, and the official Chrome developer docs.
Learn how Chrome extensions use web technologies to customize and enhance the browsing experience. Explore examples like Grammarly and Metamask, and see how page actions and browser actions add features.
Discover a range of chrome extensions, from Grammarly and Metamask to better history and vidIQ, and see how these tools solve real user problems.
Explore functions in javascript, pass parameters, and return results, with examples like f(x) substitution, a beam volume function with length, width and height, and an odd or even checker.
Create a chrome extension to block YouTube ads by adding blocker.js, syncing with manifest.json, and using setInterval to detect the skip button and skip ads after one second.
Learn to build a Chrome extension to block websites using web requests and a background script, adapting from a YouTube ad blocker, updating manifest.json, permissions, and testing on test sites.
Learn to test a Chrome extension that blocks YouTube ads, guiding the pre-production cycle with QA and product managers to ensure upload readiness, error-free operation, and effective ad-blocking.
Test blocking YouTube ads in two scenarios: chrome extension off shows ads, chrome extension on blocks and skips ads. Check the console 'skip the ad' message for verification.
Test the Chrome extension to block websites and verify W3 schools.com is blocked. Update manifest.json and add the background script and worker.js to enable blocking multiple URLs.
Explore four monetization strategies for Chrome extensions: subscription models, selling on marketplaces, advertising, and client-based services, with practical examples and market insights.
Welcome to Building Ads Blocker Chrome Extension with Javascript course. This is a project based course where you will be guided step by step on how to build Chrome Extension for blocking ads on Youtube from scratch using Javascript programming language alongside with JSON. The way the Chrome Extension works is targeting a certain part of HTML code which contains ads and immediately removing that part. Hence, by doing so, the user of this Chrome Extension software might hopefully have a better browsing experience due to less distraction from ads which sometimes can be quite annoying from the standpoint of the user. In this course, you will not only learn from the technical perspective on how to program your Chrome Extension using Javascript but you will also be exposed to the business perspective on how to public your Chrome Extension for public to use on Chrome Extension marketplace as well as several different ways you can consider to monetise your Chrome Extension which potentially will make you realize the opportunities you can benefit from this market.
For those of you who might have concerns regarding the complexity of the project which will be built in this course, I can guarantee that there is nothing you should be worry about as this course also comes with basic Javascript training session which is created and designed specifically to prepare students who are not really confident with their Javascript programming skills to do well on this project. Therefore, you will master all skills and knowledge that you need to know before starting to build the ads blocker Chrome Extension.
Below are things you will learn from the course:
Basic Javascript Training Session:
Different data types in Javascript (string, number, and boolean)
Creating conditional statements (if/else statement)
Operating for loops
Building function and pass down parameter
Youtube Ads Blocker Chrome Extension:
Creating manifest JSON file for providing specifications to Chrome
Building logics to skip ads by targeting HTML code
Attaching picture which will be used as the icon for chrome extension
Uploading and activating chrome extension
Multiple different paths to monetise Chrome Extension product
Navigating Chrome Web Store to explore many different Chrome Extension products
3. Time Tracker Chrome Extension
As the common belief that the most effective way to learn is actually to learn by doing and that is exactly what you are going to do in this course, instead of learning theory from the textbook, you get to apply your skills and knowledge in Javascript to build real project with real use cases, as matter of fact, you are going to build Chrome Extension from scratch. Hence, by doing so you will get to test out and evaluate your expertise in Javascript. Last but not least, since you will also be exposed to the business perspective of monetising Chrome Extension products, you will certainly be motivated to integrate your technical knowledge in programming with an entrepreneurial mindset of fulfilling the need of the market and most essentially be challenged to produce and launch the best quality and high value Chrome Extension product soon.