Ajax workshop
Seu SlideShare está sendo baixado.
×
Confira estes a seguir
Mais Conteúdo rRelacionado
Diapositivos para si (20)
Quem viu também gostou (20)
Semelhante a What's New for AJAX Developers in IE8 Beta1? (20)
Mais de Janakiram MSV (20)
Mais recentes (20)
What's New for AJAX Developers in IE8 Beta1?
- 1. IE8 Beta 1 For Developers What’s New for Ajax Developers? Janakiram MSV Program Manager, JScript Team Microsoft India Development Center
- 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>
- 4. Does It Look Familiar?
- 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>
- 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>
- 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
- 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
- 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>
- 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;
- 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>
- 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
- 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
