Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tomorrow's Web and Future Technologies - WDC2011

robhawkes
October 23, 2011

Tomorrow's Web and Future Technologies - WDC2011

The future of the Web is awesome, it's as simple as that. Just think about it, we'll soon have the ability to construct an entire phone OS with HTML5 and JavaScript. Now that is seriously cool! But what are the technologies that are coming, and which ones should you be keeping an eye on? In this session, Rob will give you an insight into the future of the Web, highlighting some the key technologies that are moving it into a new era.

robhawkes

October 23, 2011
Tweet

More Decks by robhawkes

Other Decks in Programming

Transcript

  1. TOMORROW’S WEB
    Future technology is awesome
    Rob Hawkes

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. Created by Phil Banks (@emirpprime)

    View Slide

  6. HTML5 & JavaScript
    What is all the fuss about?

    View Slide

  7. Open technologies
    Anyone can view the source code

    View Slide

  8. Free technologies
    Free to use. Free to develop with

    View Slide

  9. Plugin-less
    No more reliance on third-party software

    View Slide

  10. No compilation
    Save time with development and testing

    View Slide

  11. Interoperable
    They are built to work across platforms

    View Slide

  12. Cross-browser support
    Most major features are supported

    View Slide

  13. View Slide

  14. Tomorrow means tomorrow
    Do not expect to use these right now

    View Slide

  15. View Slide

  16. WebSockets
    Bi-directional real-time communication

    View Slide

  17. No more AJAX
    Quicker and cheaper

    View Slide

  18. Using WebSockets
    It is great for all sorts of things

    View Slide

  19. Multiplayer gaming
    Communicating between players

    View Slide

  20. View Slide

  21. Real-time analytics
    Keeping your finger on the pulse

    View Slide

  22. View Slide

  23. Live streaming content
    Instant updates

    View Slide

  24. View Slide

  25. Use it today
    It is in a state of flux, but it is usable

    View Slide

  26. View Slide

  27. View Slide

  28. WebRTC
    Audio and video communication

    View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. Peer to peer communication
    A nice by-product of WebRTC

    View Slide

  34. View Slide

  35. Device APIs
    Accessing hardware with JavaScript

    View Slide

  36. View Slide

  37. My favourites
    Device APIs I cannot wait for

    View Slide

  38. Media Capture API
    Accessing the camera and microphone

    View Slide

  39. WebNFC API
    RFID-like wireless communication

    View Slide

  40. WebSMS API
    Sending texts with JavaScript. ‘Nuff said

    View Slide

  41. WebTelephony API
    Make and receive calls

    View Slide

  42. WebVibrator API
    Vibrating you with open technologies

    View Slide

  43. View Slide

  44. Boot to Gecko*
    An operating system
    for the Web
    * Working title

    View Slide

  45. View Slide

  46. Full Screen API
    Simple, yet powerful

    View Slide

  47. View Slide

  48. Better input
    Break free from
    the keyboard and mouse

    View Slide

  49. Joystick API
    Bringing the console to the Web

    View Slide

  50. Mouse Lock API
    Locking the cursor in one place

    View Slide

  51. View Slide

  52. WebGL
    3D graphics platform

    View Slide

  53. View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. View Slide

  58. View Slide

  59. Web applications
    Not just a fancy website

    View Slide

  60. View Slide

  61. View Slide

  62. Offline assets
    Who needs the Internet anyway

    View Slide

  63. App-like experience
    Run from
    the desktop or home screen

    View Slide

  64. View Slide

  65. View Slide

  66. Web Intents
    Finding the right tool for the job

    View Slide

  67. View Slide

  68. Threshold of something cool
    The time is now

    View Slide

  69. Rob Hawkes
    Rawkets.com
    HTML5 & WebSockets game
    Twitter sentiment analysis
    Delving into your soul
    RECENT PROJECTS
    Rawkes.com
    Personal website and blog
    MORE COOL STUFF
    jsCraft
    Minecraft port to JavaScript
    Rawket Scientist
    Technical Evangelist at Mozilla
    @robhawkes

    View Slide

  70. Become a canvas master
    RAWKES.COM/FOUNDATIONCANVAS
    Out now
    Paperback and digital formats
    Learn how to animate
    Make two cool space games
    Foundation HTML5 Canvas

    View Slide

  71. Hand-picked experts
    @ASKMDN & #ASKMDN ON TWITTER
    One hour every fortnight
    Web development topics
    Great discussions
    Ask MDN
    ASKMDN

    View Slide

  72. THANK YOU
    Any questions?
    Rob Hawkes
    @robhawkes

    View Slide