Quick intro to socket.io, made for JSZurich

1. Socket.io
Realtime just got real.
Dienstag, 24. April 12

2. Me
Dominique Sandoz
Student @UZH
Worker @vonwaldkirch
@streunerlein
Dienstag, 24. April 12

3. You?
Dienstag, 24. April 12

4. The Story
The tl;dr-section of this presentation
Dienstag, 24. April 12

5. Dienstag, 24. April 12

6. So why?
Dienstag, 24. April 12

7. Socket.io
easy
fast
solves a problem
Dienstag, 24. April 12

8. Socket.io
is for realtime exchange of data between Server and
Client (Browser)
Dienstag, 24. April 12

9. Realtime?
Dienstag, 24. April 12

10. setInterval(check, 10)?
Dienstag, 24. April 12

11. requestAnimationFrame()?
Dienstag, 24. April 12

12. No.
Dienstag, 24. April 12

13. Real realtime.
Dienstag, 24. April 12

14. Websockets!
Dienstag, 24. April 12

15. Dienstag, 24. April 12

16. Socket.io
A deeper look.
Websocket wrapper
Node.js Module
Dienstag, 24. April 12

17. Socket.io
A deeper look.
Socket between Server & Client
Send data from one to other
Receive data via events
asynchronous
Dienstag, 24. April 12

18. Socket.io
Easyness is easy.
emit(event, data)
on(event, handler)
Dienstag, 24. April 12

19. Socket.io
Easyness is easy.
Even Setup is easy!
Dienstag, 24. April 12

20. Socket.io
Server Setup
npm install socket.io
Dienstag, 24. April 12

21. Socket.io
Client Setup
Dienstag, 24. April 12

22. Socket.io
The Killers.
Compatibility
Scalability
Performance
Robustness
Dienstag, 24. April 12

23. Socket.io
Compatibility
Dienstag, 24. April 12

24. Socket.io
Compatibility
Dienstag, 24. April 12

25. Socket.io
Compatibility
Websocket
Chrome 16, Firefox 11, IE 10, Safari 5. Opera 10
Built-in, disabled: Chrome 6, Firefox 4
Dienstag, 24. April 12

26. Dienstag, 24. April 12

27. Socket.io
Compatibility - Holy Fallbacks!
WebSocket
Flash Socket
AJAX long polling
AJAX multipart streaming
Forever IFrame
JSONP Polling
Dienstag, 24. April 12

28. Socket.io
Compatibility - Holy Fallbacks!
Socket.io falls
back to support
IE 5.5+
Safari 3+
Chrome 4+
Firefox 3+ Opera
10+
Dienstag, 24. April 12

29. Socket.io
Scalability, Performance, Robustness
:)
Dienstag, 24. April 12

30. Use cases
Chats
Realtime Applications
Collaboration Software
Social Networks
Single-page Apps!
Every Project (?)
Dienstag, 24. April 12

31. Hands-on!
Demos.
Dienstag, 24. April 12

32. Q&A
Dienstag, 24. April 12

33. #kthxbye
Socket.io official: http://socket.io/
Websocket overview: http://davidwalsh.name/websocket
Dienstag, 24. April 12