What's New for AJAX Developers in IE8 Beta1?

2,702 views

Published on

This session introduces the new AJAX features in IE8.

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,702
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>http://www.microsoft.com/ie/ie8 </li></ul><ul><li>http://blogs.msdn.com/ie </li></ul><ul><li>http://blogs.msdn.com/jscript </li></ul><ul><li>http://msdn.microsoft.com/ie </li></ul>[email_address] http://www.janakiramm.net/blog

×