Slides from my talk at the NDC 2012 on the Facebook Developer Plattform.

1. From Zero to Hero!
«Get Social With
Facebook»
Sondre Bjellås www.sondreb.com
Deepmind AS www.deepmind.no

2. http://www.flickr.com/photos/bdewey/

3. 2. Facebook Developer Platform
1. Why Social? 3. Become The
Hero!

5. 1. Why Social?

6. 1 billion reasons!
• Facebook is estimated to reach 1 billion
users in 2012.
• One of the biggest market opportunity in
history of mankind.
• That is still just «only» 1 in every 7 human
being on the planet...

8. What is WAS the Largest and
Fastest Growing Social Game
EVER?

10. Social Can Be Scary
• There are truly to much information
available on everyone. It grows every day.
• Take responsibility, just because you
can, doesn’t mean you should.

11. www.touchgraph.com

12. 2. The Developer Platform

13. Facebook Graph API
• The mapping of everybody and how
they’re related.
• In Facebook context, it’s You and Your
Users.
• API with JSON formatting for all the user’s
information.

14. Facebook Open Graph

15. ACTIO OBJEC AGGREATI
NS TS ONS

16. Facebook Credits

18. Why Do you Store Passwords?!

19. Authentication
• Used to be hard, has become easy with
OAuth 2.0. Does require HTTPS.
• One Token To Rule Them All!
1. Get Token.
2. Use Token.
• Valid from one hour and up to one day.

20. developers.facebook.com

21. My Site
My App
My App

22. My Site
My App
My App

23. It all starts with an app
First create your app on the developer
portal:
https://developers.facebook.com/apps

24. 3. Become The Hero

25. 3. Become The Hero
• Start from scratch, from zero.
• Prototype your app.
• Fresh it up with some style!

26. Install-Package Facebook

27. Facebook JavaScript SDK
// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk', ref =
d.getElementsByTagName('script')[0];
if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
} (document));
https://developers.facebook.com/docs/reference/javascript/

28. Demo

29. Considerations
• Which requests to handle on the
client, directly to Facebook.
• Which requests to handle on the
server, acting as a proxy towards
Facebook.

30. Thanks!
Sondre Bjellås
Senior Solutions Architect
Deepmind AS
www.deepmind.no
www.sondreb.com