Hack the web!

Use Mozilla’s Addon SDK to quickly create Firefox extensions to improve your web browsing experience and integrate with Social Media. We will show you how to use your JS, HTML & CSS skills to modify a target web-site and integrate it with Firefox using the unique capabilities of the SDK.

You can find the source of this talk with notes on my github repo: https://github.com/ZER0/dzslides/tree/jsday-2012

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