coscup jetpack lighting talk
TRANSCRIPT
Lighting talk:
Jetpack「五分鐘帶你的火狐(搭火箭)上雲端」
Hsiao-Ting Yu "Littlebtc"尤孝庭 " 笨笨的小 B"
Who I am?• NTUEE Undergrad and NicoFox Developer
(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• Type
jetpack.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 20 minutes 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