Your SlideShare is downloading. ×
0
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
COSCUP Jetpack Lighting Talk
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

COSCUP Jetpack Lighting Talk

2,464

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,464
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
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

×