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.

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

2. About Me
Rubyist
Colombian
Continuum
Your Friend

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

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

6. Examples
Popular Extensions

7. Synced Todo List - WunderList

8. Save your Links - Pocket

9. Download Music! - Grooveshark Downloader

10. Building an Extension

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

12. The Manifest

13. 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

14. Browser Action

15. Desktop Notifications

16. Page Actions

17. OmniBox

18. Override Pages

19. Debugging

20. Load unpacked Extension - Developer Mode

21. Developer Mode ON

22. DEMO TIME

23. My Yify-plugin

24. Yify-plugin In Action

25. Manifest

26. Folder Structure

27. Background page | app.html

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

29. THANKS