La Web Realtime

La Web Realtime

Presentación en Buenos Aires Front End Meetup

1b5777e832ade40d30aa49ca48292404?s=128

Dan Zajdband

October 22, 2014
Tweet

Transcript

  1. La Web Realtime Dan Zajdband @dzajdband

  2. http://palamago.com.ar/dan/

  3. None
  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
  5. None
  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?