Facebook App Dev 101 workshop: Intro to Platform / Building Your First App - Tyler Ballance, Slide.com & Ari Steinberg, Facebook @ Graphing Social Patterns Oct 2007

1. Facebook App
Development 101
Intro to the Platform/Building your first
Facebook App
Professor R. Tyler Ballance
Slide, Inc.
tyler@slide.com

2. Meet the Professor
I work at Slide, Inc.

3. Meet the Professor
I write Facebook apps.

4. Meet Ari
Works on the platform

5. Facebook App Dev 101
Introduction to the Facebook Platform
Facebook Developer Resources
Platform Client Libraries
Dissecting “Why are you awesome?”
LUNCH!
Building an application
Testing your application
Metrics?

6. Introduction to
the Platform

7. Welcome to the
Facebook Platform

8. Welcome to the
Facebook Platform
Dave McClure is attending Graphing Social
Tony Hsieh left the group Tony Hsieh For President
David Young added a new video to a group.
Adora Cheung added FunWall
Kara Swisher and Mark Zuckerberg ended their relationship.
Lee Lorenzen plans to attend Widget Summit
Kevin Ho is feeling graphical.
Adora and Daniel Kim are now friends.
Mike Huang updated his profile. He edited
his interests and profile picture. Max Levchin updated his Top Friends
Will Liu is no longer listed as single.
Jared Fleiser has thrown a sheep at Sonya Chawla
Kasey Kirkham added new photos.
Nik Gandhy wrote on Lennisse Ambriz’s w
Keith Rabois attended CommunityNext Platform
A black blue box of social information

9. Developer
Resources

10. Developer Resources
Test Console
http://developers.facebook.com/tools.php
Bugzilla
http://bugs.developers.facebook.com/
Developer Application
http://www.facebook.com/developers/
Developer Wiki
http://wiki.developers.facebook.com

11. Subscribe to Platform
Feeds

12. Report good bugs

13. IRC Channel

14. Technically
Speaking

15. <fb:hello/>
How do you communicate
with Facebook?
XML
JSON
HTTP Request

16. Is Zuckerberg my friend?
XML Response
<xml>NO</xml>
<?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?>
<friends_areFriends_response xmlns=quot;http://api.facebook.com/1.0/quot;
xmlns:xsi=quot;http://www.w3.org/2001/XMLSchema-instancequot; xsi:schemaLocation=quot;http://
api.facebook.com/1.0/ http://api.facebook.com/1.0/facebook.xsdquot; list=quot;truequot;>
<friend_info>
<uid1>627205543</uid1>
412 bytes
<uid2>4</uid2>
<are_friends>0</are_friends>
</friend_info>
</friends_areFriends_response>
{‘um’: ‘NO!’}
JSON Response 53 bytes
[{quot;uid1quot;:quot;627205543quot;,quot;uid2quot;:quot;4quot;,quot;are_friendsquot;:false}]

17. Friends’ UIDs
697 friends
JSON XML
16KB 44KB
SELECT uid1 FROM friend WHERE uid2 = 627205543

18. Facebook Client
Libraries

19. PHP
Cons Pros
Super-easy to use.
Only works with XML (like BASIC, but with dollar signs)
Written in PHP Officially supported
Conducive to Wider variety of
spaghetti code hosting options

20. Python
Cons Pros
Shared hosts don’t tend
Very well written API
to support Python
Uses simplejson by Supports JSON/XML
default by default
Easily integrated
Slightly larger learning
with Django
curve for beginners
Good enough for Slide

21. Ruby
Cons Pros
Difficult to move from
Scales well
PHP to Ruby
Bends the rules on how Ruby on Rails can be
to write RESTful code very clean
Easy to write poorly Rails encourages
performing code automated testing.
Not quite conforming to Very Web 2.0
Ruby “coding standards”

22. .NET
Cons Pros
A variety of existing
IIS, or mod_mono
UserControls
Some aspects Usable from C#, or
require .NET 3.5 VB.NET
Very “enterprisey” and Tight integration
complicated with Visual Studio
LINQ support
Tied to XML with
a noose
Very well documented

23. Other Libraries
ColdFusion
Perl
Java
C++

24. More Cons
Platform moves too quickly
Marketplace API
Status API
Data Store API
Very little “shared coding standards”
Everybody’s reinventing the wheel

25. Dissecting
“Why are you awesome?”

26. What it is yo.
Owl == AWESOME

27. Post-Install
Owl
Call to action
Social context

28. Post-Install
fb:dashboard
fb:action
fb:profile-pic
regular form
fb:name
regular links

29. Changin’ State
fb:success

30. Notify. Rinse. Repeat.
fb:notif-page

31. IN UR PROFILEZ
fb:pronoun
auto-generated
OMFG LAME

32. IN UR PROFILEZ
fb:name
fb:profile-pic Mock AJAX’d

33. IN UR PROFILEZ
fb:error

34. Zee Codes

35. Building your
first application

36. Testing your
Facebook application

37. Use basic unit testing
Application
Logic
phpunit

38. Metrics, engagement
and fun numbers

39. Closure