COSCUP Jetpack Lighting Talk

COSCUP Jetpack Lighting Talk - Presentation Transcript

Lighting talk:Jetpack「五分鐘帶你的火狐（搭火箭）上雲端」
Hsiao-Ting Yu "Littlebtc"
尤孝庭 " 笨笨的小B"

Who I am?
NTUEE Undergrad and NicoFoxDeveloper
(logo by plurk.com/tdk4)

What is Jetpack?
Add-on by Mozilla Labs
HTML5 & Ajax & CSS powered
Fast & Easy Development

Fast? Easy?
Powerful API (Storage, Clipboard, Sound Recording…)
Live preview and Firebug integration
One-click install without restart

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!');}); }});

Harder work
A Very Simple Plurk unread checker with Jetpack (Made in < 30 minutes)

Find Current Useful Code
Jetpack Official Example: Email Checkerhttps://jetpack.mozillalabs.com/demos/gmail-checker.js
A Gmail Checker with only 75 lines
1

Modify the code to meet Plurk
Less than 20minutes to test & debug
Result: < 60 Lines
2

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

Never Live Demo!
http://littleb.tc/demo/coscup

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