Your SlideShare is downloading. ×
  • Like
Chrome Extensions Slides Gtugna Kick Off Meeti
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Chrome Extensions Slides Gtugna Kick Off Meeti


Slides from @gtugna Kick-Off meeting! Enjoy

Slides from @gtugna Kick-Off meeting! Enjoy

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. GTUGNA Meet People Connect Dialog Events Tech talks Barcamps
  • 2. Droidcamp Ende April an der HdM Stuttgart Meldet Euch!
  • 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. Resources Website Google groups Twitter @gtugna Email
  • 5. Media Hashtag: #gtugna Livestream @ tba
  • 6. Chromium Extensions In a minute. Stephan Linzner @onlythoughtwork
  • 7. Agenda Introduction to Extensions How to Build Extensions Let's bake some...
  • 8. Introduction to Extensions
  • 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. How to Build Extensions
  • 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. Structure Content Script run in the context of web pages Background Page state communication Other files (HTML, JS, CSS, etc.)
  • 13. Architecture Background Page Browser Action
  • 14. Architecture Content Scripts Parent Extension
  • 15. Chrome API chrome is the top level object and exposes: chrome.extension.* chrome.browserAction.* chrome.pageAction.* chrome.bookmarks.* chrome.tabs.**
  • 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. Let's bake some...
  • 18. Resources Documentation Blog Google group Chrome icons project
  • 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. 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. GTUG Nürnberg
  • 22. GTUG Stuttgart
  • 23. Follow me! @onlythoughtwork