Chrome extensions dev Intro
Upcoming SlideShare
Loading in...5
×
 

Chrome extensions dev Intro

on

  • 821 views

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

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.

Statistics

Views

Total Views
821
Views on SlideShare
820
Embed Views
1

Actions

Likes
0
Downloads
10
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Chrome extensions dev Intro Chrome extensions dev Intro Presentation Transcript

  • 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? View slide
  • We have to learn a new language? “Extensions are written using the same standard web technologies that developers use to create websites.” View slide
  • 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