Facebook Developing

2. DESARROLLADORhttp://apps.facebook.com/developer

4. ¡Creemos el directorio de nuestra aplicación!

5. PHP Genius¿Cómo inicio? <?php ... ?>¿Cómo se declaran las variables? $variable1=0; $variable2="esto es una cadena";¿Cómo imprimo en pantalla? echo $variable1; echo "esto es una cadena";¿Cómo comento? // para una línea /* */ para varias líneas

6. PHP Genius¿Cómo se incluyen páginas externas?require_once 'carpeta/archivo.php';¿Cómo concateno cadenas? $cadena = “hola”.”mundo”;Comillas dentro de cadenas de caracteres $cadena = “hola \” mundo \” ”;Arrays asociados $color = array (‘rojo’=>45, ‘verde’=>67, ‘azul’=>32); $variable = $color[‘rojo’];foreach ($color as $valor) echo “$valor ”;

8. FBML

9. FBML

10. <fb:nameuid=“UN USER ID" /><fb:profile-picuid=“UN USER ID" linked="true"size=“small"/>

11. <fb:dashboard><fb:actionhref=“index.php”title="Home"> Home </fb:action> <fb:helphref="ayuda.php”title=“Help“>Help </fb:help><fb:create-buttonhref="invite.php“> Invitar </fb:create-button></fb:dashboard>

12. <fb:wall> <fb:wallpost t=“1" uid="520602768">FacebookRocks! </fb:wallpost></fb:wall>

13. TabEffect<fb:tabs><fb:tab-itemhref=“index.php” title="Hello " selected="true"/> <fb:tab-itemhref=“invite.php"title="Invite Your Friends"/></fb:tabs>

14. fb:success

15. fb:error

16. <fb:message> This is the heading text for the message. </fb:message><fb:success> <fb:message>Success message</fb:message> This is the success message text. </fb:success><fb:error> <fb:message>Error message</fb:message> Este es el cuerpo</fb:error>

17. Dialogs<fb:dialog id="fb_search" cancel_button="true"> <fb:dialog-title>.. TrabelingBabies</fb:dialog-title> <fb:dialog-content><fb:message>Este es el cuerpo</fb:message></fb:dialog-content></fb:dialog><a href="" clicktoshowdialog="fb_search">Mostrar Error</a>

18. FBJS

19. Includingscrpits<script src=http://midominio/miProyecto/externo.js?version=1.0></script><script >//some scripts //..</script>

21. ManipulatingStylesobj.setStyle({color: 'black', background: 'white'});obj.setStyle('color', 'black');obj.setStyle('textDecoration', 'underline');obj.setStyle('text-decoration', 'underline');obj.setStyle('width', '340px');obj.setStyle('width', '340');setStyle('left', x), butratherlikesetStyle('left', x+'px').

22. ManipulatingStylesaddClassName(className) ;removeClassName(className) ;toggleClassName(className); hasClassName(className) ;

23. Creating FBML ElementsvarnewSwf = document.createElement('fb:swf'); Eventscan beaddedto FBJS DOM objectsusingthe W3C-style addEventListener method.ThirdparameteruseCaptureisnotsupported. listEventListeners(eventName) purgeEventListeners(eventName) stopPropagation preventDefault Events

24. echo "<style>";echohtmlentities(file_get_contents('estilo.css',true)); echo "</style>";<div id="foo">bar</div>#foo { ... }<div id="app0123456789_foo">bar</div>#app0123456789_foo { ... }

25. Default CSS properties for elements on a Facebook canvas page<body/>, <p/> font-family: lucida grande, tahoma, verdana, arial, sans-serif; font-size: 11px<h1/> color: #333; font-size: 14px<h2/>, <h3/> color: #333; font-size: 13px<h4/>, <h5/> color: #333; font-size: 11px<a/> color: #3B5998; text-decoration: nonea:hover text-decoration: underline<img/> border: 0px none<select/> border: 1px solid #BDC7D8<input/> border-color: #ADADAD; border-style: solid; border-width: 1px

26. do_colors!functiondo_colors(obj) { obj.setStyle({background: 'black', color: 'red'}); } <a href="#" onclick="do_colors(this); return false">Hello World!</a>

28. new Ajax();responseType This can beone of Ajax.RAW, Ajax.JSON, orAjax.FBML. ondone(data) onerror And twomethods: post(url, query) Startan AJAX post. urlmustbe a remoteaddress, and query can beeither a stringoranobjectthatisautomaticallyconvertedto a string. abort()

29. <script>functiondo_ajax(url, div_id) {varajax = new Ajax();ajax.responseType = Ajax.FBML;ajax.ondone = function(data) {document.getElementById(div_id).setInnerFBML(data);}ajax.requireLogin = true;ajax.post(url);}</script>

30. MockAJAX’d

31. MOCK AJAX<form id="dummy_form“></form> <a clickrewriteurl='http://your_server/ajax.php' clickrewriteform='dummy_form' clickrewriteid=‘your_div'>refreshcontent</a> <div id=“your_div"> </div>

32. Selectingmultiplefriends<fb:multi-friend-input width="350px" border_color="#8496ba" exclude_ids="4,5,10,15" /><input type="hidden" value="123456789" name="ids[]"/>$friends = (isset($_REQUEST["ids"]) ? $_REQUEST["ids"] : null);

33. PUBLIQUEMOS!<script>function publique(){varattachment = {'media':[{'type':'image','src':‘URL_IMAGEN','href':‘URL_REF'}]}; Facebook.streamPublish('Esto es lo que te publico', attachment);}</script>