2. HTML5 AND THE FUTURE JAVASCRIPT PLATFORM Marcelo Lopez Ruiz Senior Software Design Engineer Microsoft Corporation

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

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

5. web apps - modern Server http(s) transport HTML+CSS+Data Response Request HTML+CSS + JS Initial Page Request

6. evolving platform = opportunity

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

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

9. 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

10. 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

11. quick code – local storage demo

12. quick code –data everywhere demo

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

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

15. 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

16. 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

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

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

19. 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

20. 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

21. 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!

22. Q&A