chrome extensions slides gtugna kick off meeti

25

Upload: stephan-linzner

Post on 19-May-2015

1.960 views

Category:

Technology


2 download

DESCRIPTION

Slides from @gtugna Kick-Off meeting! Enjoy

TRANSCRIPT

Page 1: Chrome Extensions Slides Gtugna Kick Off Meeti
Page 2: Chrome Extensions Slides Gtugna Kick Off Meeti

GTUGNA

Meet PeopleConnectDialogEvents

Tech talksBarcamps

Page 3: Chrome Extensions Slides Gtugna Kick Off Meeti

Droidcamp

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

Page 4: Chrome Extensions Slides Gtugna Kick Off Meeti

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

Page 5: Chrome Extensions Slides Gtugna Kick Off Meeti

Resources

Websitehttp://gtugna.gtugs.org

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

Twitter@gtugna

[email protected]

Page 6: Chrome Extensions Slides Gtugna Kick Off Meeti

Media

Hashtag: #gtugnaLivestream @ tba

Page 7: Chrome Extensions Slides Gtugna Kick Off Meeti
Page 8: Chrome Extensions Slides Gtugna Kick Off Meeti

Chromium ExtensionsIn a minute.

Stephan Linzner @onlythoughtwork

Page 9: Chrome Extensions Slides Gtugna Kick Off Meeti

Agenda

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

Page 10: Chrome Extensions Slides Gtugna Kick Off Meeti

Introduction to Extensions

Page 11: Chrome Extensions Slides Gtugna Kick Off Meeti

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

Page 12: Chrome Extensions Slides Gtugna Kick Off Meeti

How to Build Extensions

Page 13: Chrome Extensions Slides Gtugna Kick Off Meeti

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

Page 14: Chrome Extensions Slides Gtugna Kick Off Meeti

Structure

Content Scriptrun in the context of web pages

Background Pagestatecommunication

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

Page 15: Chrome Extensions Slides Gtugna Kick Off Meeti

Architecture

Background PageBrowser Action

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

Page 16: Chrome Extensions Slides Gtugna Kick Off Meeti

Architecture

Content ScriptsParent Extension

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

Page 17: Chrome Extensions Slides Gtugna Kick Off Meeti

Chrome API

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

Page 18: Chrome Extensions Slides Gtugna Kick Off Meeti

Other APIs

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

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

JQuery, Dojo etc...

Page 19: Chrome Extensions Slides Gtugna Kick Off Meeti

Let's bake some...

Page 20: Chrome Extensions Slides Gtugna Kick Off Meeti

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/

Page 21: Chrome Extensions Slides Gtugna Kick Off Meeti

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

Page 22: Chrome Extensions Slides Gtugna Kick Off Meeti

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

Page 23: Chrome Extensions Slides Gtugna Kick Off Meeti

GTUG Nürnberg

nuremberg.gtugs.org

Page 24: Chrome Extensions Slides Gtugna Kick Off Meeti

GTUG Stuttgart

gtugna.gtugs.org

Page 25: Chrome Extensions Slides Gtugna Kick Off Meeti

Follow me!

@onlythoughtwork