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

  • 1,901 views
Published

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

Views

Total Views
1,901
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
16
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. GTUGNA Meet People Connect Dialog Events Tech talks Barcamps
  • 2. Droidcamp http://androidcamp-stuttgart.mixxt.de/ 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 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. 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 http://code.google.com/chrome/extensions/overview.html
  • 14. Architecture Content Scripts Parent Extension http://code.google.com/chrome/extensions/overview.html
  • 15. Chrome API chrome is the top level object and exposes: chrome.extension.* chrome.browserAction.* chrome.pageAction.* chrome.bookmarks.* chrome.tabs.* chrome.windows.*
  • 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 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. 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 nuremberg.gtugs.org
  • 22. GTUG Stuttgart gtugna.gtugs.org
  • 23. Follow me! @onlythoughtwork