All Things Google: Introduction to Chrome Apps and Extensions

All Things Google: Intro to Chrome Apps and Extensions

I'm @skim I work at 8th Light

310 M Chrome users

May 13th 2012, Chrome surpassed IE

<HTML /> #CSS JavaScript()

It starts with a manifest

// manifest.json { "manifest_version" : 2, "name" : "My Extension",
"version" : "0.1.0", "browser_action" : {}, ... }

{ "background": {"persistent": false, ...}, "background": {"persistent": true, ...}, "chrome_url_overrides":
{...}, "content_scripts": [...], "content_security_policy": "policyString", "file_browser_handlers": [...], "homepage_url": "http://path/to/homepage", "incognito": "spanning" or "split", "intents": {...} "key": "publicKey", "minimum_chrome_version": "versionString", "nacl_modules": [...], "offline_enabled": true, "omnibox": { "keyword": "aString" }, "options_page": "aFile.html", "permissions": [...], "plugins": [...], "requirements": {...}, "update_url": "http://path/to/updateInfo.xml", "web_accessible_resources": [...], "sandbox": [...] }

Permissions and Warnings

Source: omahaproxy.appspot.com

Development Tools

your favorite editor jshint jsmin jasmine

Hands-on

Deploying to the Chrome Web Store

Questions? Comments?

Thanks!

References Stay Up to Date Extensions - What's New Web
Platform Status - captures the implementation status of HTML5 features support in Chrome HTML5 Forms Status HTML5 Weekly Update Test your browser web storage Chromium Blog Chrome Channel Releases Chrome Release Calendar The Next Evolution of Chrome Apps API DOM Manipulation Google Drive js client chrome.* APIs, chrome.experimental.* APIs, chrome DevTools APIs

References Samples Extensions Extensions from the presentation vimium Other Feature
Requests/Bugs - File feature requests! They really look at them! Google Apps Developer Blog

All Things Google: Introduction to Chrome Apps and Extensions

All Things Google: Introduction to Chrome Apps and Extensions

skim

Other Decks in Programming

Featured

Transcript

All Things Google: Intro to Chrome Apps and Extensions

I'm @skim I work at 8th Light

310 M Chrome users

May 13th 2012, Chrome surpassed IE

<HTML /> #CSS JavaScript()

It starts with a manifest

Demo

// manifest.json { "manifest_version" : 2, "name" : "My Extension",

{ "background": {"persistent": false, ...}, "background": {"persistent": true, ...}, "chrome_url_overrides":

{ "background": {"persistent": false, ...}, "background": {"persistent": true, ...}, "chrome_url_overrides":

Permissions and Warnings

Apps

Demo

APIs

Source: omahaproxy.appspot.com

XHR

Development Tools

your favorite editor jshint jsmin jasmine

Hands-on

Deploying to the Chrome Web Store

$5

Questions? Comments?

Thanks!

References Stay Up to Date Extensions - What's New Web

References Samples Extensions Extensions from the presentation vimium Other Feature