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....
We have to learn a new
language?
“Extensions are written using the
same standard web technologies that
developers use to c...
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 brows...
The Manifest
Browser UI
Browser Actions Add icons to the toolbar (extensions only)
Desktop
Notifications
Notify users of important even...
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
Chrome extensions dev Intro
Upcoming SlideShare
Loading in …5
×

Chrome extensions dev Intro

1,032 views

Published on

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.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,032
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Chrome extensions dev Intro

  1. 1. How to create Chrome’s Extensions Luis Alfredo Porras P. @lporras16
  2. 2. About Me Rubyist Colombian Continuum Your Friend
  3. 3. Applications that run inside the Chrome browser and provide additional functionality, and customized browsing experiences. WHAT ARE EXTENSIONS?
  4. 4. We have to learn a new language? “Extensions are written using the same standard web technologies that developers use to create websites.”
  5. 5. Examples Popular Extensions
  6. 6. Synced Todo List - WunderList
  7. 7. Save your Links - Pocket
  8. 8. Download Music! - Grooveshark Downloader
  9. 9. Building an Extension
  10. 10. Chrome.* APIs Chrome provides APIs such as chrome. bookmarks and chrome.tab so that extensions can interact with the browser.
  11. 11. The Manifest
  12. 12. 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
  13. 13. Browser Action
  14. 14. Desktop Notifications
  15. 15. Page Actions
  16. 16. OmniBox
  17. 17. Override Pages
  18. 18. Debugging
  19. 19. Load unpacked Extension - Developer Mode
  20. 20. Developer Mode ON
  21. 21. DEMO TIME
  22. 22. My Yify-plugin
  23. 23. Yify-plugin In Action
  24. 24. Manifest
  25. 25. Folder Structure
  26. 26. Background page | app.html
  27. 27. GitHub Repo https://github.com/lporras/yify-plugin
  28. 28. THANKS

×