JS-Everywhere - SSE Hands-on

1,082 views

Published on

The starter project and the correction are available here: https://github.com/bargenson/JS.Everywhere_HandsOn/tree/master/Hands-On_4

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,082
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

JS-Everywhere - SSE Hands-on

  1. 1. Server push data with HTML5 SSE SUPINFO Hands-On 4Saturday, November 17, 12
  2. 2. {JavaScript} HTML5Saturday, November 17, 12
  3. 3. Server Sent Event Client Server request response Update response Update With%streaming,%the%browser%sends%a%complete%request,%but%the%server% maintains%an%open%response%that%is%con8nuously%updated %Saturday, November 17, 12
  4. 4. Your missionSaturday, November 17, 12
  5. 5. Your toolsSaturday, November 17, 12
  6. 6. Your tools ...Saturday, November 17, 12
  7. 7. Your tools ...Saturday, November 17, 12
  8. 8. To guide youSaturday, November 17, 12
  9. 9. To guide youSaturday, November 17, 12
  10. 10. DesignSaturday, November 17, 12
  11. 11. DesignSaturday, November 17, 12
  12. 12. DesignSaturday, November 17, 12
  13. 13. Project SkeletonSaturday, November 17, 12
  14. 14. Project SkeletonSaturday, November 17, 12
  15. 15. Project SkeletonSaturday, November 17, 12
  16. 16. Project SkeletonSaturday, November 17, 12
  17. 17. Project SkeletonSaturday, November 17, 12
  18. 18. The Web API http://<MY-IP-ADDRESS>:3000/ • GET /todos • Return all todos • GET /stream • POST /todos • New todos stream • Create a new todoSaturday, November 17, 12
  19. 19. Resources • About Server Sent Event: https://developer.mozilla.org/en-US/docs/ Server-sent_events/Using_server-sent_events • About localStorage: https://developer.mozilla.org/en-US/ docs/DOM/StorageSaturday, November 17, 12
  20. 20. For the fastest ones • Add the Meta Viewport and test it with a Mobile Browser (Opera Mobile Emulator) http://dev.opera.com/articles/view/an- introduction-to-meta-viewport-and-viewport/ • Make your code modular and use RequireJS !Saturday, November 17, 12
  21. 21. Need help ? • If you are stuck or have any questions: • Renaud • Marc • Adrien • And me (Brice)Saturday, November 17, 12
  22. 22. Questions ?Saturday, November 17, 12
  23. 23. Download the project !Saturday, November 17, 12

×