Discovering chrome extensions

From docs to practice

Àlex Cabrera Gil@alexcabrera_pc

http://powdercode.com

Discovering Chrome extensions

1. Basic concepts1.1 Definition1.2 Manifest1.3 Types of apps1.4 Monetizing1.5 Browser UI1.6 Interesting stuff1.7 APIs1.8 Developer Dashboard

2. Kuunga Desktop2.1 Manifest2.2 Structure2.3 Workflow2.4 Apis2.5 .live()

Discovering Chrome extensions

First of all...what is it?

Discovering Chrome extensions1.2 The Manifest

Discovering Chrome extensions1.3 Types of apps

Discovering Chrome extensions

- Extensions- Packaged apps- Hosted apps- themes

Discovering Chrome extensions

1.4 Monetizing your app

- In-app- Purchase / free trial- Subscription

Discovering Chrome extensions

1.5 Browser UI

Discovering Chrome extensions1.5.1 Browser actions

Discovering Chrome extensions1.5.2 Page Actions

Discovering Chrome extensions1.5.3 Context menus

Discovering Chrome extensions1.5.4 Desktop notifications

Discovering Chrome extensions1.5.5 Omnibox

Discovering Chrome extensions

1.5.6 Options pages

- Configure our app- User interaction

"options_page": "options.html",

Discovering Chrome extensions

1.5.7 Override pages

- Bookmarks- History- New tab page

Discovering Chrome extensions

1.6 Interesting stuff

Discovering Chrome extensions

1.6.1 Internationalizing

Discovering Chrome extensions1.6.2 Google Analytics

Discovering Chrome extensions

1.6.3 OAuth

- User private data- No password transmission- User Friendly

Discovering Chrome extensions

1.7 Apis- chrome.* APIs- Standard javascript & DOM- XMLHttpRequest- HTML5- WebKit- V8(JSON)- Bundled libraries (jQuery)

Discovering Chrome extensions

1.8 Developer Dashboard

See it in action!

Discovering Chrome extensions

2. Kuunga Desktop

Disassembling the extension

Discovering Chrome extensions

2.1 Manifest2.2 Structure2.3 Working2.4 Use of APIs2.5 jQuery .live()

Discovering Chrome extensions

Thanks to everybody!Àlex Cabrera Gil

@alexcabrera_pchttp://powdercode.com