Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

What's New for AJAX Developers in IE8 Beta1?


Published on

This session introduces the new AJAX features in IE8.

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

What's New for AJAX Developers in IE8 Beta1?

  1. 1. IE8 Beta 1 For Developers What’s New for Ajax Developers? Janakiram MSV Program Manager, JScript Team Microsoft India Development Center
  2. 2. Agenda <ul><li>Compatibility </li></ul><ul><li>WebSlices </li></ul><ul><li>Activities </li></ul><ul><li>DOM Storage </li></ul><ul><li>HTML 5 Events </li></ul><ul><li>Developer Toolbar </li></ul>
  3. 4. Does It Look Familiar?
  4. 5. Compatibility <ul><li>IE7 Emulation Mode </li></ul><ul><li>Conditional commenting </li></ul><ul><li>Opt-in model for IE7 (strict) mode </li></ul><ul><li>Developer Tools for switching modes </li></ul>
  5. 6. WebSlices <ul><li>WebSlices enable publishers to mark up “subscribe-able” parts of web pages, allowing you to monitor your favorite dynamic pieces of the web </li></ul>
  6. 8. <ul><li>Activities connect users to their existing services, from anywhere they may go on the web </li></ul><ul><ul><li>Easy for web publishers to implement (no client code) </li></ul></ul>Activities
  7. 10. <ul><li>Set Window.location.hash, IE does the rest </li></ul><ul><ul><li>IE fires an window.onhashchange event </li></ul></ul><ul><ul><li>IE updates the address bar and back button </li></ul></ul><ul><ul><li>Allows copy & paste of “Ajax URLs” </li></ul></ul>IE8 AJAX Navigation
  8. 12. DOM Storage <ul><li>Web applications need local storage </li></ul><ul><ul><li>Cookies, UserData control </li></ul></ul><ul><li>HTML5 adds the Storage interface </li></ul><ul><ul><li>sessionStore (tab/session specific) </li></ul></ul><ul><ul><li>localStore (shared) </li></ul></ul><ul><ul><li>Key/value string pairs </li></ul></ul><ul><ul><li>10MB per domain </li></ul></ul><ul><li>IE8 extension: check remaining store, clear </li></ul>
  9. 13. HTML 5 Events <ul><li>Network connectivity is transient </li></ul><ul><ul><li>HTML5 adds online/offline events </li></ul></ul><ul><ul><li>And a state indicator </li></ul></ul><!-- Add handlers for online/offline events --> <body ononline=“go_online()” onoffline=“go_offline()”>; // Find out if browser is online online = window.navigator.onLine;
  10. 15. Optimizing for Performance <ul><li>Jscript improvements </li></ul><ul><ul><li>DOM object look ups are much faster </li></ul></ul><ul><ul><li>Circular references are garbage collected </li></ul></ul><ul><ul><li>Faster native JavaScript operations </li></ul></ul><ul><ul><ul><li>function call performance (lazy ‘this’ evaluation, lazy GC init) </li></ul></ul></ul><ul><ul><ul><li>string methods (string concat, replace, slice, splice) </li></ul></ul></ul><ul><ul><ul><li>array methods (concat, sort) </li></ul></ul></ul><ul><ul><ul><li>read, write, and delete Object methods </li></ul></ul></ul><ul><ul><ul><li>garbage collection algorithm </li></ul></ul></ul><ul><ul><ul><li>communication layer between DOM and JScript </li></ul></ul></ul>
  11. 16. <ul><li>CSS, HTML and Javascript debugger “in the box!” </li></ul><ul><li>Debug JavaScript </li></ul><ul><ul><li>Execution control (breakpoints, step into, etc.) </li></ul></ul><ul><ul><li>Variable inspection (watches, locals, etc.) </li></ul></ul><ul><ul><li>Immediate window </li></ul></ul><ul><li>Debug CSS and HTML </li></ul><ul><ul><li>View effective styles </li></ul></ul><ul><ul><li>Trace styles </li></ul></ul><ul><ul><li>View applied rules </li></ul></ul><ul><ul><li>View layout (box model) info </li></ul></ul><ul><ul><li>Edit HTML and CSS and see the effect immediately </li></ul></ul>IE8 Developer Tools
  12. 18. Resources <ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul>[email_address]