Successor to HTML 4.01Adds many new features to the languageHTML5 + JavaScript = Application platform
WebHTML5 Core    Indexed DB      File APIs                          Touch                                             Noti...
Demo
API for determining users locationNavigatorGeolocation object provides core APICurrent status: working draft  IE      Chro...
Demo
HTML5 makes media content a first-class citizenEncapsulated in <audio> and <video> elementsCurrent status: working draft  ...
Internet Explorer 9   Chrome 10
No single format is supported by all browsersFor maximum reach, perform multiple sourcing
Demo
Pixel-addressable drawing surface for renderingtext, graphics, and other visual elementsCanvasRenderingContext2d methods a...
Demo
CanvasRenderingContext2d provides methodsfor creating and manipulating imagesImageData objects encapsulate image data
Demo
Multithreaded programming in JavaScriptWorkers run in sandboxed environmentCurrent status: working draft  IE      Chrome  ...
Demo
Provides client-side storage for key-value pairsData stored as strings and scoped per originCurrent status: working draft ...
Demo
API for reading files and their contentsCurrent status: working draft  IE      Chrome    Firefox     Opera      Safari 10+...
multiple
FileReader contains methods for reading filesAlso contains event attributes such asonload, onerror, and onprogress
Demo
Second-generation XMLHttpRequest (AJAX)Current status: working draft  IE      Chrome    Firefox     Opera   Safari 10+    ...
Demo
Bidirectional data channels with event-based APICurrent status: working draft  IE      Chrome    Firefox     Opera   Safar...
http://www.wintellect.com/downloads/html5.zip
http://aka.ms/mbl-win8                   http://aka.ms/mbl-win8/build                             http://aka.ms/mbl-win8/d...
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
HTML5 Quick Start
Upcoming SlideShare
Loading in...5
×

HTML5 Quick Start

2,668

Published on

More info on http://www.techdays.be

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

No Downloads
Views
Total Views
2,668
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
77
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 Quick Start

  1. 1. Successor to HTML 4.01Adds many new features to the languageHTML5 + JavaScript = Application platform
  2. 2. WebHTML5 Core Indexed DB File APIs Touch Notifications History & Contacts &Geolocation Web Workers Navigation Media Capture Calendar Audio and WebSockets Drag and Drop Clipboard Messaging API Video Server-Sent Offline Network Device Canvas Events Applications Information Orientation AudioWeb Storage XHR2 Forms Processing Battery Status
  3. 3. Demo
  4. 4. API for determining users locationNavigatorGeolocation object provides core APICurrent status: working draft IE Chrome Firefox Opera Safari 9+ 5+ 3.5+ 10.6+ 5+
  5. 5. Demo
  6. 6. HTML5 makes media content a first-class citizenEncapsulated in <audio> and <video> elementsCurrent status: working draft IE Chrome Firefox Opera Safari 9+ 4+ 3.5+ 10.5+ 4+
  7. 7. Internet Explorer 9 Chrome 10
  8. 8. No single format is supported by all browsersFor maximum reach, perform multiple sourcing
  9. 9. Demo
  10. 10. Pixel-addressable drawing surface for renderingtext, graphics, and other visual elementsCanvasRenderingContext2d methods andproperties provide immediate-mode drawing API IE Chrome Firefox Opera Safari 9+ 4+ 2+ 9+ 3.1
  11. 11. Demo
  12. 12. CanvasRenderingContext2d provides methodsfor creating and manipulating imagesImageData objects encapsulate image data
  13. 13. Demo
  14. 14. Multithreaded programming in JavaScriptWorkers run in sandboxed environmentCurrent status: working draft IE Chrome Firefox Opera Safari 10+ 4+ 3.5+ 10.6+ 4+
  15. 15. Demo
  16. 16. Provides client-side storage for key-value pairsData stored as strings and scoped per originCurrent status: working draft IE Chrome Firefox Opera Safari 8+ 5+ 3.5+ 10.5+ 4+
  17. 17. Demo
  18. 18. API for reading files and their contentsCurrent status: working draft IE Chrome Firefox Opera Safari 10+ 6+ 4+ 12+ -
  19. 19. multiple
  20. 20. FileReader contains methods for reading filesAlso contains event attributes such asonload, onerror, and onprogress
  21. 21. Demo
  22. 22. Second-generation XMLHttpRequest (AJAX)Current status: working draft IE Chrome Firefox Opera Safari 10+ 7+ 4+ 5+ -
  23. 23. Demo
  24. 24. Bidirectional data channels with event-based APICurrent status: working draft IE Chrome Firefox Opera Safari 10+ 14+ 6+ 11+ 5+
  25. 25. http://www.wintellect.com/downloads/html5.zip
  26. 26. http://aka.ms/mbl-win8 http://aka.ms/mbl-win8/build http://aka.ms/mbl-win8/devprev http://aka.ms/mbl-win8/store
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×