Slides from @gtugna Kick-Off meeting! Enjoy

2. GTUGNA
Meet People
Connect
Dialog
Events
Tech talks
Barcamps

3. Droidcamp
http://androidcamp-stuttgart.mixxt.de/
Ende April an der HdM Stuttgart
Meldet Euch!

4. 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 Talks
19:15 Uhr - Nexus One import (Howto) 15 min

5. Resources
Website
http://gtugna.gtugs.org
Google groups
http://groups.google.com/group/gtugna
http://groups.google.com/group/android-stuttgart
Twitter
@gtugna
Email
gtugna@gmail.com

6. Media
Hashtag: #gtugna
Livestream @ tba

8. Chromium Extensions
In a minute.
Stephan Linzner
@onlythoughtwork

9. Agenda
Introduction to Extensions
How to Build Extensions
Let's bake some...

10. Introduction to Extensions

11. Extensions are...
Scripts that enhance Chrome's functionality
Written in HTML, CSS, and JavaScript
Integrated using a simple API
Developed iteratively
Installed instantly + updated automatically
Transparent about their capabilities
Run in separate processes

12. How to Build Extensions

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

14. Structure
Content Script
run in the context of web pages
Background Page
state
communication
Other files (HTML, JS, CSS, etc.)

15. Architecture
Background Page
Browser Action
http://code.google.com/chrome/extensions/overview.html

16. Architecture
Content Scripts
Parent Extension
http://code.google.com/chrome/extensions/overview.html

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

18. Other APIs
Extensions can also use:
Standard JavaScript- and DOM APIs
XMLHttpRequest
HTML 5 APIs
Canvas, LocalStorage, Geolocation etc...
Third party JS libraries
JQuery, Dojo etc...

19. Let's bake some...

20. Resources
Documentation
http://code.google.com/chrome/extensions
Blog
http://blog.chromium.org
Google group
http://groups.google.com/group/chromium-extensions
Chrome icons project
http://www.google.com/landing/chrome/ugc/

21. GTUG Battle beta
7 Google Chrome events
Extensions Event & Hackathon Roadshow
very first GTUG Battle ever (therefore beta)
15th Feb - 5th March in germany
Deadline March 14, 2010 (registration and submission)
Teams
min 2 and max 5 people
belonging to one existing German GTUG

22. GTUG Battle Q&A
What is the Task?
develop a Google Chrome Extension
categories Browser Actions or Page Actions
Who is the jury?
4 VIP Googler
What is in it for you?
all participants will receive a surprise
best three teams, for each category, receive an add on
Winning GTUG will receive 2000 € sponsoring

23. GTUG Nürnberg
nuremberg.gtugs.org

24. GTUG Stuttgart
gtugna.gtugs.org

25. Follow me!
@onlythoughtwork