Socket.io           Realtime just got real.Dienstag, 24. April 12
Me                 Dominique Sandoz                 Student @UZH                 Worker @vonwaldkirch                 @str...
You?Dienstag, 24. April 12
The Story           The tl;dr-section of this presentationDienstag, 24. April 12
Dienstag, 24. April 12
So why?Dienstag, 24. April 12
Socket.io                 easy                 fast                 solves a problemDienstag, 24. April 12
Socket.io                 is for realtime exchange of data between Server and                 Client (Browser)Dienstag, 24...
Realtime?Dienstag, 24. April 12
setInterval(check, 10)?Dienstag, 24. April 12
requestAnimationFrame()?Dienstag, 24. April 12
No.Dienstag, 24. April 12
Real realtime.Dienstag, 24. April 12
Websockets!Dienstag, 24. April 12
Dienstag, 24. April 12
Socket.io           A deeper look.                 Websocket wrapper                 Node.js ModuleDienstag, 24. April 12
Socket.io           A deeper look.                 Socket between Server & Client                 Send data from one to ot...
Socket.io           Easyness is easy.                         emit(event, data)                         on(event, handler)...
Socket.io           Easyness is easy.                         Even Setup is easy!Dienstag, 24. April 12
Socket.io           Server Setup               npm install socket.ioDienstag, 24. April 12
Socket.io           Client SetupDienstag, 24. April 12
Socket.io           The Killers.                 Compatibility                 Scalability                 Performance    ...
Socket.io           CompatibilityDienstag, 24. April 12
Socket.io           CompatibilityDienstag, 24. April 12
Socket.io           Compatibility                 Websocket                         Chrome 16, Firefox 11, IE 10, Safari 5...
Dienstag, 24. April 12
Socket.io           Compatibility - Holy Fallbacks!                         WebSocket                         Flash Socket...
Socket.io           Compatibility - Holy Fallbacks!                 Socket.io falls                 back to support       ...
Socket.io           Scalability, Performance, Robustness                                 :)Dienstag, 24. April 12
Use cases                 Chats                 Realtime Applications                 Collaboration Software              ...
Hands-on!           Demos.Dienstag, 24. April 12
Q&ADienstag, 24. April 12
#kthxbye                 Socket.io official: http://socket.io/                 Websocket overview: http://davidwalsh.name/w...
Upcoming SlideShare
Loading in …5
×

Socket io - JSZurich

4,719 views
4,654 views

Published on

Quick intro to socket.io, made for JSZurich

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,719
On SlideShare
0
From Embeds
0
Number of Embeds
2,444
Actions
Shares
0
Downloads
26
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Socket io - JSZurich

  1. 1. Socket.io Realtime just got real.Dienstag, 24. April 12
  2. 2. Me Dominique Sandoz Student @UZH Worker @vonwaldkirch @streunerleinDienstag, 24. April 12
  3. 3. You?Dienstag, 24. April 12
  4. 4. The Story The tl;dr-section of this presentationDienstag, 24. April 12
  5. 5. Dienstag, 24. April 12
  6. 6. So why?Dienstag, 24. April 12
  7. 7. Socket.io easy fast solves a problemDienstag, 24. April 12
  8. 8. Socket.io is for realtime exchange of data between Server and Client (Browser)Dienstag, 24. April 12
  9. 9. Realtime?Dienstag, 24. April 12
  10. 10. setInterval(check, 10)?Dienstag, 24. April 12
  11. 11. requestAnimationFrame()?Dienstag, 24. April 12
  12. 12. No.Dienstag, 24. April 12
  13. 13. Real realtime.Dienstag, 24. April 12
  14. 14. Websockets!Dienstag, 24. April 12
  15. 15. Dienstag, 24. April 12
  16. 16. Socket.io A deeper look. Websocket wrapper Node.js ModuleDienstag, 24. April 12
  17. 17. Socket.io A deeper look. Socket between Server & Client Send data from one to other Receive data via events asynchronousDienstag, 24. April 12
  18. 18. Socket.io Easyness is easy. emit(event, data) on(event, handler)Dienstag, 24. April 12
  19. 19. Socket.io Easyness is easy. Even Setup is easy!Dienstag, 24. April 12
  20. 20. Socket.io Server Setup npm install socket.ioDienstag, 24. April 12
  21. 21. Socket.io Client SetupDienstag, 24. April 12
  22. 22. Socket.io The Killers. Compatibility Scalability Performance RobustnessDienstag, 24. April 12
  23. 23. Socket.io CompatibilityDienstag, 24. April 12
  24. 24. Socket.io CompatibilityDienstag, 24. April 12
  25. 25. Socket.io Compatibility Websocket Chrome 16, Firefox 11, IE 10, Safari 5. Opera 10 Built-in, disabled: Chrome 6, Firefox 4Dienstag, 24. April 12
  26. 26. Dienstag, 24. April 12
  27. 27. Socket.io Compatibility - Holy Fallbacks! WebSocket Flash Socket AJAX long polling AJAX multipart streaming Forever IFrame JSONP PollingDienstag, 24. April 12
  28. 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. 29. Socket.io Scalability, Performance, Robustness :)Dienstag, 24. April 12
  30. 30. Use cases Chats Realtime Applications Collaboration Software Social Networks Single-page Apps! Every Project (?)Dienstag, 24. April 12
  31. 31. Hands-on! Demos.Dienstag, 24. April 12
  32. 32. Q&ADienstag, 24. April 12
  33. 33. #kthxbye Socket.io official: http://socket.io/ Websocket overview: http://davidwalsh.name/websocketDienstag, 24. April 12

×