La Web Realtime

Presentación en Buenos Aires Front End Meetup

Transcript

1. La Web Realtime Dan Zajdband @dzajdband
2. http://palamago.com.ar/dan/
4. La candente mañana de febrero en que Beatriz Viterbo murió, después de una imperiosa agonía que no se rebajó un solo instante ni al sentimentalismo ni al miedo, noté que las carteleras de fierro de la Plaza Constitución habían renovado no sé qué aviso de cigarrillos rubios; el hecho me dolió, pues comprendí que el incesante y vasto universo ya se apartaba de ella y que ese cambio era el primero de una serie infinita. El Aleph - Jorge L. Borges
6. Soy un niño de verdad
7. Técnicas para el desarrollo de Apps RealTime De la prehistoria Netscapera al posmodernismo Chromeano
8. La vida AA* *Antes de AJAX
9. (casi) F5
10. (casi) F5 setTimeout(function(){ window.location = window.location; }, interval);
11. (casi) F5 Velocidad de actualización Carga del servidor UX
12. AJAX Polling Dame la mochila... Dame la mochila... Dame la mochila...
13. AJAX Polling
14. AJAX Polling function poll() { $.get(‘/miurl’, function(data){ updateUI(data); setTimeout(poll, interval); }); }
15. AJAX Polling Velocidad de actualización Carga del servidor UX
16. AJAX Polling No hace falta pedir siempre TODA la data
17. Long Polling 5 - 4 - 6 - 8 - 9 - Mmm - Mmm - 2 Susana Gimenez - Contemporanea
18. Long Polling
19. Long Polling function poll() { $.get(‘/miurl’, function(data){ updateUI(data); poll(); }); }
20. Long Polling Velocidad de actualización Carga del servidor UX
21. www.devthought.com/2012/07/07/the-realtime-engine/
22. WebSockets with great power comes great responsibility
23. WebSockets
24. WebSockets var conn = new WebSocket(‘ws://misitio/miurl’) conn.onmessage = function(e) { updateUI(e.data); }; conn.send(‘Hola Susana?’);
25. WebSockets Velocidad de actualización Carga del servidor UX
26. Server-Sent Events El eslabón perdido
27. Server-Sent Events
28. Server-Sent Events var es = new EventSource(“/miurl”); es.addEventListener(“mievento”, function(e){ updateUI(e.data); });
29. Server-Sent Events Velocidad de actualización Carga del servidor UX
30. Quién es Quién? #1
31. Quién es Quién? #2
32. Quién es Quién? #3
33. Socket.IO al rescate Porque siempre hay alguien que se puede comer el garrón por nosotros
34. Socket.IO • Multiples transportes • Rooms y Namespaces • Eventos custom • Broadcasting • Manejo de conexión
35. Socket.IO var socket = io(“/miurl”); io.on(“mievento”, function(data){ updateUI(data); });
36. Preguntas?