This document discusses different methods of web communication including web messaging, web workers, server sent events, and web sockets. Web messaging allows secure communication between documents from different domains. Web workers run JavaScript without blocking the user interface. Server sent events push data from the server to the client over HTTP. Web sockets provide bi-directional communication between the server and client with low overhead. Examples of uses include portals, widgets, ads, live scores, polls, auctions and more.

1. Web Communication
adrian.olaru@1and1.ro

3. Connectivity

4. Web Messaging
Web Workers
Server Sent Events
Web Sockets

5. The way of the force

6. Sending complex data

7. Don’t trust client e.data
Always check e.origin

8. Web Messaging
allows documents from different domains to
communicate with each other in a secure way

9. Browser Support*
* source: http://caniuse.com
5.0+
3.0+
8.0
4.0+
10.1+

12. Use Cases
portals
widgets
ads
traffic counters

13. Web Workers
run JavaScript in parallel on a web page, without
blocking the user interface

14. Browser Support*
* source: http://caniuse.com
5.0+
3.5+
4.0+
10.6+

17. Notes
can’t access parent & it’s DOM
‘this’ == current worker
can use XHR, SSE or WebSocket
can importScripts(‘script.js’)
can use other workers
can use timers (setTimeout, setInterval)

18. Server Sent Events
push data from the server to the client over HTTP

19. Browser Support*
* source: http://caniuse.com
6.0+
4.0
5.0
11

25. Use Cases
subscribe to live score
real time polls
bidding updates for actions
stock quotes
live news

26. Web Sockets
a bi-directional connection between the server and the
client

27. Browser Support*
* source: http://caniuse.com
5.0+
4.0
*
5.0
11
*
*
deactivated by default

31. Notes
full duplex communication
removes the overhead (only 2 bytes)
dramatically reduces complexity

32. Use Cases
online chat
online games
realtime geolocation
package tracking

33. Demos
http://github.com/adrianolaru/webcom

35. Danke