Slide 1

Slide 1 text

GETTING STARTED WITH CHROME EXTENSIONS Steve Kibuika by

Slide 2

Slide 2 text

Just in case slides at kibuika.com/ext-ppt extension repo at kibuika.com/grauchi-ext tweet me at @the_kibuika

Slide 3

Slide 3 text

The atomics of chrome extensions manifest.json() The heart of the extension. This is where all configurations live.

Slide 4

Slide 4 text

Manifest file format

Slide 5

Slide 5 text

Let's code

Slide 6

Slide 6 text

More manifest options... description icons action content_scripts background : {"service_worker": "background.js}

Slide 7

Slide 7 text

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:

Slide 8

Slide 8 text

Let's code

Slide 9

Slide 9 text

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!!!

Slide 10

Slide 10 text

Problem specifics Finding the videos and their titles Replacing the titles with appropriate titles Finding the appropriate titles Scaling

Slide 11

Slide 11 text

The HOW Lets look at the code

Slide 12

Slide 12 text

Questions??

Slide 13

Slide 13 text

Find me twitter @the_kibuika github kibuika.com/git