Future of Web Apps           Lakshan Perera           RefreshColombo, July 2011
Blog: laktek.comCode: github.com/laktekRants: @laktek
CONFESSION
Internet Explorer 6 is great!    Flash is awesome!                ....But that was in 2001
EVERY DAY IMSUFFERIN
“There are more important problems to be    solved than sharing Cat pictures.”                   Steve Yegge – OSCON 2011
Future Web...●    Realtime●    Collaborative●    Ubiquitous
REALTIME
PollingDirty Old way :)<meta http-equiv="refresh" content="5">AJAX Based Techniques- Short Polling, Long Polling (COMET)
Are we there yet??
Push TechnologiesWeb Sockets- Just like traditional sockets, but via HTTP  http://websockets.orgServer-sent Events- No spe...
COLLABARATIVE
Text BasedContentEditable- Realie (github.com/laktek/realie)- Aloha Editor (aloha-editor.org)Operational Transformations- ...
Beyond TextCanvas/ WebGL- Colorilo (colorillo.com/)- Mozilla Markup (markup.mozilla.org)Web Audio API- https://wiki.mozill...
UBIQUITOUS
“The Web is thoroughly integrated into our daily lives.                 We take it for granted,expecting it to “be there” ...
Device IndependentMobile First philosophy- http://www.lukew.com/ff/entry.asp?933Responsive LayoutsCSS Media Queries
Offine AccessApplication Cache- Fine grain control over asset caching.- Provides a manifesto.- http://www.whatwg.org/specs...
Location BasedGeolocation API- Guarantees to give you latitude, longitude and accuracy- http://diveintohtml5.org/geolocati...
More Interesting StuffHistory API- https://developer.mozilla.org/en/DOM/Manipulating_the_browser_historyWeb Workers- http:...
Time to start changing the future!
Questions?
Future of web_apps
Future of web_apps
Upcoming SlideShare
Loading in …5
×

Future of web_apps

963 views
890 views

Published on

Overview on future of web application development. Covers different technologies and APIs available for play.

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
963
On SlideShare
0
From Embeds
0
Number of Embeds
81
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Future of web_apps

  1. 1. Future of Web Apps Lakshan Perera RefreshColombo, July 2011
  2. 2. Blog: laktek.comCode: github.com/laktekRants: @laktek
  3. 3. CONFESSION
  4. 4. Internet Explorer 6 is great! Flash is awesome! ....But that was in 2001
  5. 5. EVERY DAY IMSUFFERIN
  6. 6. “There are more important problems to be solved than sharing Cat pictures.” Steve Yegge – OSCON 2011
  7. 7. Future Web...● Realtime● Collaborative● Ubiquitous
  8. 8. REALTIME
  9. 9. PollingDirty Old way :)<meta http-equiv="refresh" content="5">AJAX Based Techniques- Short Polling, Long Polling (COMET)
  10. 10. Are we there yet??
  11. 11. Push TechnologiesWeb Sockets- Just like traditional sockets, but via HTTP http://websockets.orgServer-sent Events- No special protocol is needed.
  12. 12. COLLABARATIVE
  13. 13. Text BasedContentEditable- Realie (github.com/laktek/realie)- Aloha Editor (aloha-editor.org)Operational Transformations- Google Wave protocol is based on this.
  14. 14. Beyond TextCanvas/ WebGL- Colorilo (colorillo.com/)- Mozilla Markup (markup.mozilla.org)Web Audio API- https://wiki.mozilla.org/Audio_Data_APIStreaming API- http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview
  15. 15. UBIQUITOUS
  16. 16. “The Web is thoroughly integrated into our daily lives. We take it for granted,expecting it to “be there” at any instant, like electricity.” Tim Berns Lee
  17. 17. Device IndependentMobile First philosophy- http://www.lukew.com/ff/entry.asp?933Responsive LayoutsCSS Media Queries
  18. 18. Offine AccessApplication Cache- Fine grain control over asset caching.- Provides a manifesto.- http://www.whatwg.org/specs/web-apps/current-work/multipage/offine.htmlLocal Storage- Client side key value storage- Maximum storage varies on browser- http://dev.w3.org/html5/webstorage/
  19. 19. Location BasedGeolocation API- Guarantees to give you latitude, longitude and accuracy- http://diveintohtml5.org/geolocation.html
  20. 20. More Interesting StuffHistory API- https://developer.mozilla.org/en/DOM/Manipulating_the_browser_historyWeb Workers- http://www.whatwg.org/specs/web-apps/current-work/complete/workers.html
  21. 21. Time to start changing the future!
  22. 22. Questions?

×