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.

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