Getting Started With Chrome Extensions

A shallow dive into chrome extensions, how to build one and how I built one.

Transcript

1. GETTING STARTED WITH CHROME EXTENSIONS Steve Kibuika by
2. Just in case slides at kibuika.com/ext-ppt extension repo at kibuika.com/grauchi-ext tweet me at @the_kibuika
3. The atomics of chrome extensions manifest.json() The heart of the extension. This is where all configurations live.
4. Manifest file format
5. Let's code
6. More manifest options... description icons action content_scripts background : {"service_worker": "background.js}
7. Content Scripts Uses the DOM to read details and make changes to web pages They work in isolated worlds (private execution environments) Declared statically Programmatically injected How to load content scripts:
8. Let's code
9. The Grauchi Extension All mixes under The Good Company youtube channel are not well named. There is no way to tell whether a video is a HipHop/Afrobeats/Reggae/Pop mix. Perfect problem for an extension!!!
10. Problem specifics Finding the videos and their titles Replacing the titles with appropriate titles Finding the appropriate titles Scaling
11. The HOW Lets look at the code
12. Questions??
13. Find me twitter @the_kibuika github kibuika.com/git