Slide 1

Slide 1 text

Hack the Hack the Hack the Hack the Hack the Hack the web web web web web web !! ! ! !! with the Add-on SDK with the Add-on SDK Matteo Ferretti jsday, May 16th, 2012

Slide 2

Slide 2 text

It's not hacking, It's not hacking, It's not hacking, It's not hacking, It's not hacking, It's not hacking, it's 'Personalization' it's 'Personalization' it's 'Personalization' it's 'Personalization' it's 'Personalization' it's 'Personalization' ...although hacking sounds cooler. ...although hacking sounds cooler.

Slide 3

Slide 3 text

Simple, powerful Simple, powerful 'personalization' 'personalization' 'personalization' 'personalization' 'personalization' 'personalization' is a key feature is a key feature is a key feature is a key feature is a key feature is a key feature of the Add-on SDK of the Add-on SDK

Slide 4

Slide 4 text

A new way to develop Add-ons ✔ Command-line tool for testing, running, packaging ✔ Test framework ✔ Modular development via CommonJS ✔ A growing collection of community- contributed modules

Slide 5

Slide 5 text

you can you can Reuse your skills Reuse your skills Reuse your skills Reuse your skills Reuse your skills Reuse your skills No need to learn new things No need to learn new things

Slide 6

Slide 6 text

Page-Mod Page-Mod Page-Mod Page-Mod Page-Mod Page-Mod ...or 'Styling the web' ...or 'Styling the web'

Slide 7

Slide 7 text

Content Style Content Style Content Style Content Style Content Style Content Style and and Content Script Content Script Content Script

Slide 8

Slide 8 text

Content Scripts ✔ Are attached to the HTML Document ✔ Can interact with the DOM ✔ Are isolated ✔ Are protected from page's script

Slide 9

Slide 9 text

Simplest possible example Simplest possible example Open in C9 Open in C9 Open in C9 Open in C9 Open in C9 Open in C9

Slide 10

Slide 10 text

But wait, there's more! ✔ Integrate with the Firefox UI: panels, widgets, preferences, context-menu, tabs ✔ Crossdomain requests, notifications, clipboard ✔ Access to the entire Mozilla Platform through XPCOM & jsm ✔ l10n for HTML content

Slide 11

Slide 11 text

Mobile Support Mobile Support Mobile Support Mobile Support Mobile Support Mobile Support

Slide 12

Slide 12 text

Serious examples BrowserID Firefox Share 1Password over 400 more on addons.mozilla.org

Slide 13

Slide 13 text

Collusion Collusion Collusion Collusion Collusion Collusion They track you They track you

Slide 14

Slide 14 text

Questions? Questions? Questions? Questions? Questions? Questions?

Slide 15

Slide 15 text

Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! If you have any questions feel free to grab me, or bug me on Twitter! @ZER0 We're on IRC: #jetpack on irc.mozilla.org