COSCUP Jetpack Lighting Talk

•Download as PPTX, PDF•

4 likes•2,184 views

littlebtc

Technology Business Entertainment & Humor

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

What's hot

Build your own RasPiTV with Node.js & Socket.ioDonald Derek Haddad

NodeTimothy Strimple

Profiling PHP with Xdebug / WebgrindSam Keen

The Shape of SpeedOliver Tse

OSDC.no 2015 introduction to node.js workshopleffen

Front-end development automation with Gruntbenko

Node.js x Azure, cli usage, website deploymentCaesar Chi

Building a private CI/CD pipeline with Java and Docker in the cloud as presen...Baruch Sadogursky

The eggless Plone manifesto (or Plone the open source cms-as-a-service platf...Dylan Jay

When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)Ricardo Castelhano

WordCamp Vancouver 2012 - Manage WordPress with Awesome using wp-cliGetSource

Funnelweb ploneconf2010Dylan Jay

Node.js and RubyMichael Bleigh

Plone pwnsDylan Jay

Grunt All Daydouglasknudsen

node.js app deploy to heroku PaaSCaesar Chi

Continuous integration with Git & CI JoeShawn Price

Grunt training deckJames Ford

MVC way to introduce Sails.js - node.js frameworkCaesar Chi

Jaap : node, npm & gruntBertrand Chevrier

What's hot (20)

Build your own RasPiTV with Node.js & Socket.io

Node

Profiling PHP with Xdebug / Webgrind

The Shape of Speed

OSDC.no 2015 introduction to node.js workshop

Front-end development automation with Grunt

Node.js x Azure, cli usage, website deployment

Building a private CI/CD pipeline with Java and Docker in the cloud as presen...

The eggless Plone manifesto (or Plone the open source cms-as-a-service platf...

When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)

WordCamp Vancouver 2012 - Manage WordPress with Awesome using wp-cli

Funnelweb ploneconf2010

Node.js and Ruby

Plone pwns

Grunt All Day

node.js app deploy to heroku PaaS

Continuous integration with Git & CI Joe

Grunt training deck

MVC way to introduce Sails.js - node.js framework

Jaap : node, npm & grunt

Viewers also liked

MozTW BoF at Coscup 2009Irvin Chen

Ubuntu 9.10 Party Tainan - small talkIrvin Chen

Ideas into Action (Santa Clara Edition)Ernest Chiang

Project Management as an Art FormTreehouse Agency

Mozilla 開放秘辛 Feat. MozTW 開放秘辛Irvin Chen

Mozilla not only...Irvin Chen

TOP15 - FireGesturesRen-Yong Cheng

Google Apps Account as OpenID (中文)Timothy Chien

Diasopra - 開放原始碼的太空飛行遊戲CQD

Firefox x Ubuntu 12(.04) Release PartyIrvin Chen

Events of Mozilla Taiwan Community : Challenges, evolutions, and survivals in...Irvin Chen

瀏覽器考古Wen-Yu Chiou

Moztory 摩茲老人來講古Irvin Chen

Translation Process for SUMO New Website (zh_TW)Ernest Chiang

MozTW SUMO Introduction 2012Ernest Chiang

Drupalcamp Taipei 2012 說明會Chris Wu

MozTW 軟體自由日 2015Irvin Chen

Oppose the web censorship bill - What we have done in Taiwan as a local Mozil...Irvin Chen

Addon sdk content scriptsIrvin Chen

Firefox OS Add-on in 10 minutesBob Chao

Viewers also liked (20)

MozTW BoF at Coscup 2009

Ubuntu 9.10 Party Tainan - small talk

Ideas into Action (Santa Clara Edition)

Project Management as an Art Form

Mozilla 開放秘辛 Feat. MozTW 開放秘辛

Mozilla not only...

TOP15 - FireGestures

Google Apps Account as OpenID (中文)

Diasopra - 開放原始碼的太空飛行遊戲

Firefox x Ubuntu 12(.04) Release Party

Events of Mozilla Taiwan Community : Challenges, evolutions, and survivals in...

瀏覽器考古

Moztory 摩茲老人來講古

Translation Process for SUMO New Website (zh_TW)

MozTW SUMO Introduction 2012

Drupalcamp Taipei 2012 說明會

MozTW 軟體自由日 2015

Oppose the web censorship bill - What we have done in Taiwan as a local Mozil...

Addon sdk content scripts

Firefox OS Add-on in 10 minutes

Similar to COSCUP Jetpack Lighting Talk

Enterprise AIR Development for JavaScript DevelopersAndreCharland

Accelerated Adoption: HTML5 and CSS3 for ASP.NET DevelopersTodd Anglin

HTML5 Introductionbeforeach

High Performance JavaScript (CapitolJS 2011)Nicholas Zakas

Teflon - Anti Stick for the browser attack surfaceSaumil Shah

Web::ScraperTatsuhiko Miyagawa

Clustering Made Easier: Using Terracotta with Hibernate and/or EHCacheCris Holdorph

High Performance JavaScript 2011Nicholas Zakas

From jQuery to App Store in 30 Minutesedill3484

Searching the Nowlucasjosh

Ajax to the Moondavejohnson

J Query PresentationVishal Kumar

非同期処理の通知処理 with Tatsumakikeroyonn

dJangoBob Chao

Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02careersblog

Looking into HTML5Christopher Schmitt

JAva Script ToolkitDiego La Monica

jQuery and_drupalBlackCatWeb

Grails and DojoSven Haiges

Mozilla Firefox Extension Development, Course 1: Basiclittlebtc

Similar to COSCUP Jetpack Lighting Talk (20)

Enterprise AIR Development for JavaScript Developers

Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers

HTML5 Introduction

High Performance JavaScript (CapitolJS 2011)

Teflon - Anti Stick for the browser attack surface

Web::Scraper

Clustering Made Easier: Using Terracotta with Hibernate and/or EHCache

High Performance JavaScript 2011

From jQuery to App Store in 30 Minutes

Searching the Now

Ajax to the Moon

J Query Presentation

非同期処理の通知処理 with Tatsumaki

dJango

Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02

Looking into HTML5

JAva Script Toolkit

jQuery and_drupal

Grails and Dojo

Mozilla Firefox Extension Development, Course 1: Basic

Recently uploaded

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3

Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González

Decarbonising Buildings: Making a net-zero built environment a realityIES VE

Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq

Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3

Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll

Scale your database traffic with Read & Write split using MySQL RouterMydbops

2024 April Patch TuesdayIvanti

(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5

The State of Passkeys with FIDO Alliance.pptxLoriGlavin3

Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen

Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan

Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda

The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

Sample pptx for embedding into website for demoHarshalMandlekar2

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal

A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3

Recently uploaded (20)

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

Generative Artificial Intelligence: How generative AI works.pdf

Decarbonising Buildings: Making a net-zero built environment a reality

Genislab builds better products and faster go-to-market with Lean project man...

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

Emixa Mendix Meetup 11 April 2024 about Mendix Native development

Scale your database traffic with Read & Write split using MySQL Router

2024 April Patch Tuesday

(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...

The State of Passkeys with FIDO Alliance.pptx

Testing tools and AI - ideas what to try with some tool examples

Generative AI for Technical Writer or Information Developers

Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...

The Ultimate Guide to Choosing WordPress Pros and Cons

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx

Sample pptx for embedding into website for demo

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...

A Deep Dive on Passkeys: FIDO Paris Seminar.pptx

COSCUP Jetpack Lighting Talk

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

COSCUP Jetpack Lighting Talk

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to COSCUP Jetpack Lighting Talk

Similar to COSCUP Jetpack Lighting Talk (20)

More from littlebtc

More from littlebtc (11)

Recently uploaded

Recently uploaded (20)

COSCUP Jetpack Lighting Talk