Hack the web!

Transcript

1. 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

2. 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.

3. 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

4. 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

5. 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

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

   ...or 'Styling the web'

7. Content Style Content Style Content Style Content Style Content Style

   Content Style and and Content Script Content Script Content Script

8. Content Scripts ✔ Are attached to the HTML Document ✔

   Can interact with the DOM ✔ Are isolated ✔ Are protected from page's script

9. Simplest possible example Simplest possible example Open in C9 Open

   in C9 Open in C9 Open in C9 Open in C9 Open in C9

10. 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

11. Mobile Support Mobile Support Mobile Support Mobile Support Mobile Support

    Mobile Support

12. Serious examples BrowserID Firefox Share 1Password over 400 more on

    addons.mozilla.org

13. Collusion Collusion Collusion Collusion Collusion Collusion They track you They

    track you

14. Questions? Questions? Questions? Questions? Questions? Questions?

15. 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