COSCUP Jetpack Lighting Talk

  • 2,380 views
Uploaded on

 

  • 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,380
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