How to create Chrome’s Extensions Luis Alfredo Porras P. @lporras16 

About Me Rubyist Colombian Continuum Your Friend 

Applications that run inside the Chrome browser and provide additional functionality, and customized browsing experiences. WHAT ARE EXTENSIONS? 

No content

We have to learn a new language? “Extensions are written using the same standard web technologies that developers use to create websites.” 

Examples Popular Extensions 

Synced Todo List - WunderList 

Save your Links - Pocket 

Download Music! - Grooveshark Downloader 

Building an Extension 

Chrome.* APIs Chrome provides APIs such as chrome. bookmarks and chrome.tab so that extensions can interact with the browser. 

The Manifest 

Browser UI Browser Actions Add icons to the toolbar (extensions only) Desktop Notifications Notify users of important events Omnibox Add a keyword to the address bar Options Pages Let users customize your extension Override Pages Implement your own version of standard browser pages such as the New Tab page Page Actions Add temporary icons inside the address bar (extensions only) Themes Change the overall appearance of the browser 

Browser Action 

Desktop Notifications 

Page Actions 

OmniBox 

Override Pages 

Debugging 

Load unpacked Extension - Developer Mode 

Developer Mode ON 

DEMO TIME 

My Yify-plugin 

Yify-plugin In Action 

Manifest 

Folder Structure 

Background page | app.html 

GitHub Repo https://github.com/lporras/yify-plugin 

THANKS