chrome extensions slides gtugna kick off meeti

GTUGNA

Meet PeopleConnectDialogEvents

Tech talksBarcamps

Droidcamp

http://androidcamp-stuttgart.mixxt.de/ Ende April an der HdM StuttgartMeldet Euch!

Shedule

16:30 Uhr - Android Web Views - HTML as an API (Florian Detig)17:15 Uhr - Chrome Extensions (Stephan Linzner)18:00 Uhr - Google Go (Moritz Haarmann)18:45 Uhr - Lightning Talks19:15 Uhr - Nexus One import (Howto) 15 min

Resources

Websitehttp://gtugna.gtugs.org

Google groupshttp://groups.google.com/group/gtugnahttp://groups.google.com/group/android-stuttgart

Twitter@gtugna

Emailgtugna@gmail.com

Media

Hashtag: #gtugnaLivestream @ tba

Chromium ExtensionsIn a minute.

Stephan Linzner @onlythoughtwork

Agenda

Introduction to ExtensionsHow to Build ExtensionsLet's bake some...

Introduction to Extensions

Extensions are...

Scripts that enhance Chrome's functionalityWritten in HTML, CSS, and JavaScriptIntegrated using a simple APIDeveloped iteratively Installed instantly + updated automaticallyTransparent about their capabilitiesRun in separate processes

How to Build Extensions

Compressed directory containing: manifest file (manifest.json)

And one or more of these components:Browser Action

features that make sense on most pages Page Action

features that make sense on few pages, show/hide

Structure

Structure

Content Scriptrun in the context of web pages

Background Pagestatecommunication

Other files (HTML, JS, CSS, etc.)

Architecture

Background PageBrowser Action

http://code.google.com/chrome/extensions/overview.html

Architecture

Content ScriptsParent Extension

http://code.google.com/chrome/extensions/overview.html

Chrome API

chrome is the top level object and exposes:chrome.extension.*chrome.browserAction.*chrome.pageAction.*chrome.bookmarks.*chrome.tabs.*chrome.windows.*

Other APIs

Extensions can also use:Standard JavaScript- and DOM APIsXMLHttpRequestHTML 5 APIs

Canvas, LocalStorage, Geolocation etc...Third party JS libraries

JQuery, Dojo etc...

Let's bake some...

Resources

Documentationhttp://code.google.com/chrome/extensions

Bloghttp://blog.chromium.org

Google grouphttp://groups.google.com/group/chromium-extensions

Chrome icons projecthttp://www.google.com/landing/chrome/ugc/

GTUG Battle beta

7 Google Chrome eventsExtensions Event & Hackathon Roadshow

very first GTUG Battle ever (therefore beta)15th Feb - 5th March in germanyDeadline March 14, 2010 (registration and submission)

Teams min 2 and max 5 peoplebelonging to one existing German GTUG

GTUG Battle Q&A

What is the Task?develop a Google Chrome Extensioncategories Browser Actions or Page Actions

Who is the jury?4 VIP Googler

What is in it for you?all participants will receive a surprisebest three teams, for each category, receive an add onWinning GTUG will receive 2000 € sponsoring

GTUG Nürnberg

nuremberg.gtugs.org

GTUG Stuttgart

gtugna.gtugs.org

Follow me!

@onlythoughtwork