Your SlideShare is downloading. ×
  • Like
COSCUP Jetpack Lighting Talk
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

COSCUP Jetpack Lighting Talk

  • 2,395 views
Published

 

  • 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
2,395
On SlideShare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
1
Comments
0
Likes
3

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. Lighting talk:Jetpack「五分鐘帶你的火狐(搭火箭)上雲端」
    Hsiao-Ting Yu "Littlebtc"
    尤孝庭 " 笨笨的小B"
  • 2. Who I am?
    NTUEE Undergrad and NicoFoxDeveloper
    (logo by plurk.com/tdk4)
  • 3. What is Jetpack?
    Add-on by Mozilla Labs
    HTML5 & Ajax & CSS powered
    Fast & Easy Development
  • 4. Fast? Easy?
    Powerful API (Storage, Clipboard, Sound Recording…)
    Live preview and Firebug integration
    One-click install without restart
  • 5. Try it out!
    Go about:jetpack
    Click "Develop" Tab
    Typejetpack.statusBar.append({ html: '<b>Jetpack Rocks!</b>',onReady: function(doc) { $(doc).click(function() {$('b', this).text('Good!');}); }});
  • 6. Harder work
    A Very Simple Plurk unread checker with Jetpack (Made in < 30 minutes)
  • 7. Find Current Useful Code
    Jetpack Official Example: Email Checkerhttps://jetpack.mozillalabs.com/demos/gmail-checker.js
    A Gmail Checker with only 75 lines
    1
  • 8. Modify the code to meet Plurk
    Less than 20minutes to test & debug
    Result: < 60 Lines
    2
  • 9. Deploy
    Put your Jetpack in a JavaScript file (plurk.js for example), use an HTML file with specific <link> tag to distribute:<link rel="jetpack" href="plurk.js">
    Distribute your HTML page URL, where user will receive installation message
    3
  • 10. Never Live Demo!
    http://littleb.tc/demo/coscup
  • 11. For more…
    Jetpack official site in Mozilla Labshttps://jetpack.mozillalabs.com/
    MozTW (We need some technical guys :P )http://moztw.org
    Contact mehttp://www.plurk.com/littlebtchttp://littleb.tc