chrome extensions dev intro
DESCRIPTION
A brief introduction of what is an extension and How to built one for the Chrome browser that we all love. It includes some example of popular extensions and a little demo of a plugin I built to watch movies from Yify Torrent.TRANSCRIPT
How to createChrome’s ExtensionsLuis 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?
We have to learn a new language?
“Extensions are written using the same standard web technologies that developers use to create websites.”
ExamplesPopular Extensions
Synced Todo List - WunderList
Save your Links - Pocket
Building an Extension
Chrome.* APIs
Chrome provides APIs such as chrome.bookmarks and chrome.tab so that
extensions can interact with the browser.
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
Desktop Notifications
Page Actions
OmniBox
Override Pages
Debugging
Load unpacked Extension - Developer Mode
Developer Mode ON
DEMO TIME
Yify-plugin In Action
Manifest
Folder Structure
Background page | app.html
GitHub Repo
https://github.com/lporras/yify-plugin
THANKS