GTUGNA

 Meet People
 Connect
 Dialog
 Events
    Tech talks
    Barcamps
Droidcamp




 http://androidcamp-stuttgart.mixxt.de/

 Ende April an der HdM Stuttgart
 Meldet Euch!
Shedule

 16:30 Uhr - Android Web Views - HTML as an API
 (Florian Detig)
 17:15 Uhr - Chrome Extensions (Stephan Linzner)...
Resources

 Website
    http://gtugna.gtugs.org
 Google groups
    http://groups.google.com/group/gtugna
    http://groups...
Media

 Hashtag: #gtugna
 Livestream @ tba
Chromium Extensions
      In a minute.



    Stephan Linzner
    @onlythoughtwork
Agenda

 Introduction to Extensions
 How to Build Extensions
 Let's bake some...
Introduction to Extensions
Extensions are...

  Scripts that enhance Chrome's functionality
  Written in HTML, CSS, and JavaScript
  Integrated using...
How to Build Extensions
Structure

 Compressed directory containing:
    manifest file (manifest.json)
 And one or more of these components:
    B...
Structure

 Content Script
     run in the context of web pages
 Background Page
     state
     communication
 Other file...
Architecture

 Background Page
 Browser Action




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

 Content Scripts
 Parent Extension




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

chrome is the top level object and exposes:
   chrome.extension.*
   chrome.browserAction.*
   chrome.pageActi...
Other APIs

Extensions can also use:
   Standard JavaScript- and DOM APIs
   XMLHttpRequest
   HTML 5 APIs
      Canvas, L...
Let's bake some...
Resources

 Documentation
    http://code.google.com/chrome/extensions
 Blog
    http://blog.chromium.org
 Google group
  ...
GTUG Battle beta

 7 Google Chrome events
    Extensions Event & Hackathon Roadshow
 very first GTUG Battle ever (therefor...
GTUG Battle Q&A

 What is the Task?
   develop a Google Chrome Extension
   categories Browser Actions or Page Actions
 Wh...
GTUG Nürnberg




   nuremberg.gtugs.org
GTUG Stuttgart




      gtugna.gtugs.org
Follow me!

@onlythoughtwork
Chrome Extensions Slides Gtugna Kick Off Meeti
Chrome Extensions Slides Gtugna Kick Off Meeti
Upcoming SlideShare
Loading in …5
×

Chrome Extensions Slides Gtugna Kick Off Meeti

2,257 views

Published on

Slides from @gtugna Kick-Off meeting! Enjoy

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,257
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Chrome Extensions Slides Gtugna Kick Off Meeti

  1. 1. GTUGNA Meet People Connect Dialog Events Tech talks Barcamps
  2. 2. Droidcamp http://androidcamp-stuttgart.mixxt.de/ Ende April an der HdM Stuttgart Meldet Euch!
  3. 3. 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
  4. 4. 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
  5. 5. Media Hashtag: #gtugna Livestream @ tba
  6. 6. Chromium Extensions In a minute. Stephan Linzner @onlythoughtwork
  7. 7. Agenda Introduction to Extensions How to Build Extensions Let's bake some...
  8. 8. Introduction to Extensions
  9. 9. 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
  10. 10. How to Build Extensions
  11. 11. 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
  12. 12. Structure Content Script run in the context of web pages Background Page state communication Other files (HTML, JS, CSS, etc.)
  13. 13. Architecture Background Page Browser Action http://code.google.com/chrome/extensions/overview.html
  14. 14. Architecture Content Scripts Parent Extension http://code.google.com/chrome/extensions/overview.html
  15. 15. Chrome API chrome is the top level object and exposes: chrome.extension.* chrome.browserAction.* chrome.pageAction.* chrome.bookmarks.* chrome.tabs.* chrome.windows.*
  16. 16. 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...
  17. 17. Let's bake some...
  18. 18. 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/
  19. 19. 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
  20. 20. 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
  21. 21. GTUG Nürnberg nuremberg.gtugs.org
  22. 22. GTUG Stuttgart gtugna.gtugs.org
  23. 23. Follow me! @onlythoughtwork

×