1 / 22

HTML5 and the future JavaScript platform

Marcelo Lopez Ruiz Senior Software Design Engineer Microsoft Corporation. HTML5 and the future JavaScript platform. looking ahead, looking behind. web application architecture evolution and trends show work to help bridge to future. web apps - classic. HTML Page. Browser (Client).

jensen
Download Presentation

HTML5 and the future JavaScript platform

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Marcelo Lopez Ruiz Senior Software Design Engineer Microsoft Corporation HTML5 and the future JavaScript platform

  2. looking ahead, looking behind • web application architecture • evolution and trends • show work to help bridge to future

  3. web apps - classic HTML Page Browser (Client) Initial Page Request http(s) transport HTML+CSS + JS Server

  4. web apps - modern HTML Page Ajax Support (XMLHttpRequest) JavaScript Call HTML+CSS+Data Request Initial Page Request http(s) transport HTML+CSS + JS Response Server

  5. evolving platform = opportunity

  6. from good AJAX apps to great AJAX apps • more interactive • more responsive • improved and specialized user experiences

  7. HTML5 improvements data everywhere • Local Storage • Language Improvements • Network Improvements • Advanced Graphics • Media • Facebook • eBay • Netflix • Twitter • Flickr • StackOverflow • SharePoint • … running out of slide space

  8. data everywhere • Huge data growth - Vast variety of data exist today, more coming. • Some companies are in the business of producing data so others make business by consuming it • REST open web protocols for querying and updating data

  9. OData • Rely on standard web technologies like HTTP, Atom Publishing Protocol (AtomPub) and JSON • Operation semantics - mapping of HTTP methods (GET, POST, PUT, DELETE) • Query - resources, identified using Uniform Resource Identifiers

  10. quick code – local storage demo

  11. quick code –data everywhere demo

  12. leverage capabilities resilient to network same code HTML5 improvements data everywhere • Local Storage • Language Improvements • Network Improvements • Advanced Graphics • Media • Facebook • eBay • Netflix • Twitter • Flickr • StackOverflow • SharePoint • … running out of slide space datajs multiple sources no browser diffs cache data smart prefetch cross domain

  13. datajs– library for data-centric web applications demo

  14. recap: datajs communication library • Abstracts out formats • Abstracts out communication details • All protocol capabilities: read, write, metadata • Full asynchronous support • Layered and open, great for unit tests

  15. recap: datajs caching library • Let you focus on the problem and not the implementation • Fast page load • Fast scrolling and pagination • Web page survives connectivity hiccups • Works over Web Storage or in-memory today, lights up on IndexedDB tomorrow • You write it once – we test it against all browsers all form factors

  16. datajs – same code, multiple browsers and devices demo

  17. It’s the final countdown(para-pa-pa para-pa-pa-pa) ie6 – back compat matters

  18. library trends • fewer large frameworks, more small & focused • play well together • more structure to applications (MVC, MVVM) • still some common blocks missing e.g. change notification • common features: pay for play, avoid polluting namespace, work cross-browser, degrade gracefully

  19. datajs future • long list, will only get longer, join us! • better support for authentication • first-class support for tracking local changes, validation, saving them, etc. • canvas and SVG integration – see other sessions! • deeper integration with libraries (plug-ins) • high-level API when IndexedDB is available

  20. building the future together • http://datajs.codeplex.com/ • download and try it out, build it yourself • early adopters have been sending feedback and asking questions – join in!

  21. Q&A

More Related