Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Get Social With Facebook


Published on

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

  • Be the first to comment

  • Be the first to like this

Get Social With Facebook

  1. 1. From Zero to Hero! «Get Social With Facebook»Sondre Bjellås www.sondreb.comDeepmind AS
  2. 2.
  3. 3. 2. Facebook Developer Platform1. Why Social? 3. Become The Hero!
  4. 4. 1. Why Social?
  5. 5. 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...
  6. 6. What is WAS the Largest andFastest Growing Social Game EVER?
  7. 7. 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.
  8. 8.
  9. 9. 2. The Developer Platform
  10. 10. 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.
  11. 11. Facebook Open Graph
  13. 13. Facebook Credits
  14. 14. Why Do you Store Passwords?!
  15. 15. 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.
  16. 16.
  17. 17. My Site My App My App
  18. 18. My Site My App My App
  19. 19. It all starts with an appFirst create your app on the developerportal:
  20. 20. 3. Become The Hero
  21. 21. 3. Become The Hero• Start from scratch, from zero.• Prototype your app.• Fresh it up with some style!
  22. 22. Install-Package Facebook
  23. 23. 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); = id; js.async = true; js.src = "//"; ref.parentNode.insertBefore(js, ref);} (document));
  24. 24. Demo
  25. 25. Considerations• Which requests to handle on the client, directly to Facebook.• Which requests to handle on the server, acting as a proxy towards Facebook.
  26. 26. Thanks!Sondre BjellåsSenior Solutions ArchitectDeepmind