Lighting talk:Jetpack「五分鐘帶你的火狐(搭火箭)上雲端」<br />Hsiao-Ting Yu &quot;Littlebtc&quot;<br />尤孝庭 &quot; 笨笨的小B&quot;<br />
Who I am?<br />NTUEE Undergrad and NicoFoxDeveloper<br />(logo by plurk.com/tdk4)<br />
What is Jetpack?<br />Add-on by Mozilla Labs<br />HTML5 & Ajax & CSS powered<br />Fast & Easy Development<br />
Fast? Easy?<br />Powerful API (Storage, Clipboard, Sound Recording…)<br />Live preview and Firebug integration<br />One-cl...
Try it out!<br />Go about:jetpack<br />Click &quot;Develop&quot; Tab<br />Typejetpack.statusBar.append({  html: &apos;&lt;...
Harder work<br />A Very Simple Plurk unread checker with Jetpack (Made in &lt; 30 minutes)<br />
Find Current Useful Code<br />Jetpack Official Example: Email Checkerhttps://jetpack.mozillalabs.com/demos/gmail-checker.j...
Modify the code to meet Plurk<br />Less than 20minutes to test & debug<br />Result: &lt; 60 Lines<br />2<br />
Deploy<br />Put your Jetpack in a JavaScript file (plurk.js for example), use an HTML file with specific &lt;link&gt; tag ...
Never Live Demo!<br />http://littleb.tc/demo/coscup<br />
For more…<br />Jetpack official site in Mozilla Labshttps://jetpack.mozillalabs.com/<br />MozTW (We need some technical gu...
Upcoming SlideShare
Loading in...5
×

COSCUP Jetpack Lighting Talk

2,514

Published on

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

No Downloads
Views
Total Views
2,514
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

COSCUP Jetpack Lighting Talk

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

    Clipping is a handy way to collect important slides you want to go back to later.

×