Your SlideShare is downloading. ×
0
Jose Fco Bonnin
E-Mail: jbonnin@microsoft.com
Twitter: @esmsdn / @wasat
Agenda
 history.back();
 Seguridad
 El Site como protagonista
 Velocidad
 Soporte a Estándares
 Q&A
Historia
(screenshot de 1993)
Historia
Browser Wars
Browser Wars
8
Good bye IE 6
Photo Courtesy Aten Design Group - http://www.flickr.com/photos/atendesigngroup/4408393890/
Agenda
 Historia
 Seguridad
 El site como protagonista
 Rendimiento
 Soporte a estándares
 Q&A
Demo
 Reputación de descargas
12
Demo
 Pinned Mode
Personaliza tu “Pinned Site”
<meta name="application-name" content="Nombre site" />
<meta name="msapplication-tooltip" con...
También con JavaScript
if (window.external.msIsSiteMode) {
if (!window.external.msIsSiteMode()) {
window.external.msAddSit...
Demo
 Jump Lists
 Notifications
Añade Jump Lists
Meta Tags
<meta name="msapplication-task"
content="name=Task 1;action-uri=http://host/Page1.htm;
icon-uri...
Notificaciones
window.external.msSiteModeSetIconOverlay(
'http://host/overlay1.ico','Overlay 1');
window.external.msSiteMo...
Agenda
 Historia
 Seguridad
 El Site como protagonista
 Velocidad
 Soporte a estándares
 Q&A
Rendimiento
Motor JavaScript Tradicional
Código
Fuente
Parser AST IntérpreteByteCode
Foreground
Nuevo motor JavaScript – “Chakra”
Código
Fuente
Parser IntérpreteByteCode
Foreground
Background
Compilador
en
Background
A...
Aceleración por Hardware
Demo
 Aceleración HW
W3C - Web Timing Specification
25
<script type="text/javascript">
var perf = window.msPerformance;
var navStart = perf.tim...
Agenda
 Historia
 Seguridad
 Foco en el Site
 Rendimiento
 Soporte a estándares
 Q&A
HTML
Working Group
El trabajo de Microsoft con W3C
Miembro de varios
W3C Working
Groups
(HTML5, SVG…)
Lider del W3C
HTML5 ...
Un solo Mark-Up
28
Estándares en IE9
HTML 5
<video>
<audio>
<canvas>
<svg>
Parsing.
Selection APIs.
Ajax
Navigation.
DOM Storage.
CSS 3
Modul...
Call to Action
Migra tus
aplicaciones de
IE6/IE7
Despliega IE8 y
Programa para el
modo estándar
Monta un piloto
con IE9 y ...
Resumen
 Seguridad
 Reputación de descargas
 Foco en el site
 Pinned Mode
 JumpLists
 Overlay Icons (Notificaciones)...
Q&A y Recursos
 Twitter: @esmsdn
 Centro de Desarrollo IE
http://msdn.com/ie
 TechCenter de IE
http://technet.com/ie
 ...
El Nuevo Internet Explorer 9
Upcoming SlideShare
Loading in...5
×

El Nuevo Internet Explorer 9

808

Published on

Charla impartida por José Bonín de Microsoft, para el evento "Asegura IT Camp2" que tuvo lugar los días 22, 23 y 24 de Octubre de 2010 en El Escorial.

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

  • Be the first to like this

No Downloads
Views
Total Views
808
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • ftp://ftp.ncsa.uiuc.edu/Mosaic/
    http://www.ericsink.com/Browser_Wars.html
    http://www.blooberry.com/indexdot/history/netscape.htm
  • Lista no exhaustiva de todos los estándares soportados.
    http://test.w3.org/html/tests/reporting/report.htm
  • Transcript of "El Nuevo Internet Explorer 9"

    1. 1. Jose Fco Bonnin E-Mail: jbonnin@microsoft.com Twitter: @esmsdn / @wasat
    2. 2. Agenda  history.back();  Seguridad  El Site como protagonista  Velocidad  Soporte a Estándares  Q&A
    3. 3. Historia (screenshot de 1993)
    4. 4. Historia
    5. 5. Browser Wars
    6. 6. Browser Wars
    7. 7. 8 Good bye IE 6 Photo Courtesy Aten Design Group - http://www.flickr.com/photos/atendesigngroup/4408393890/
    8. 8. Agenda  Historia  Seguridad  El site como protagonista  Rendimiento  Soporte a estándares  Q&A
    9. 9. Demo  Reputación de descargas
    10. 10. 12
    11. 11. Demo  Pinned Mode
    12. 12. Personaliza tu “Pinned Site” <meta name="application-name" content="Nombre site" /> <meta name="msapplication-tooltip" content="Tooltip site" /> <meta name="msapplication-starturl" content="http://host/page.htm" /> <meta name="msapplication-window" content="width=1024;height=768" /> <meta name="msapplication-navbutton-color" content="#FF3300" />
    13. 13. También con JavaScript if (window.external.msIsSiteMode) { if (!window.external.msIsSiteMode()) { window.external.msAddSiteMode() } }
    14. 14. Demo  Jump Lists  Notifications
    15. 15. Añade Jump Lists Meta Tags <meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.htm; icon-uri=http://host/icon1.ico"/> Java Script window.external.msSiteModeCreateJumplist(‘Mis Tareas'); window.external. msSiteModeAddJumpListItem( 'Daily Scrum (en 37)', 'http://host/reminders.html', 'http://host/images/bell.ico'); window.external.msSiteModeShowJumpList(); [...] window.external.msSiteModeClearJumpList();
    16. 16. Notificaciones window.external.msSiteModeSetIconOverlay( 'http://host/overlay1.ico','Overlay 1'); window.external.msSiteModeClearIconOverlay();
    17. 17. Agenda  Historia  Seguridad  El Site como protagonista  Velocidad  Soporte a estándares  Q&A
    18. 18. Rendimiento
    19. 19. Motor JavaScript Tradicional Código Fuente Parser AST IntérpreteByteCode Foreground
    20. 20. Nuevo motor JavaScript – “Chakra” Código Fuente Parser IntérpreteByteCode Foreground Background Compilador en Background AST Código Nativo JavaScript compilado en Background Utilizando varios Cores
    21. 21. Aceleración por Hardware
    22. 22. Demo  Aceleración HW
    23. 23. W3C - Web Timing Specification 25 <script type="text/javascript"> var perf = window.msPerformance; var navStart = perf.timing.navigationStart + "ms"; </script> Métricas de rendimiento integradas en DOM
    24. 24. Agenda  Historia  Seguridad  Foco en el Site  Rendimiento  Soporte a estándares  Q&A
    25. 25. HTML Working Group El trabajo de Microsoft con W3C Miembro de varios W3C Working Groups (HTML5, SVG…) Lider del W3C HTML5 Testing Task Force 40 W3C Organizaciones Miembro 411 grupos participantes 280 expertos invitados 9 listas de distribución ~4000 emails en public-html
    26. 26. Un solo Mark-Up 28
    27. 27. Estándares en IE9 HTML 5 <video> <audio> <canvas> <svg> Parsing. Selection APIs. Ajax Navigation. DOM Storage. CSS 3 Modules Backgrounds & Borders. Color. Fonts. Media Queries. Selectors. Namespaces. Values and Units. DOM L2 y L3 Core (L2 y L3). Views (L2). Element Traversal. L2 y L3 Events. L2 HTML. L2 Style. L2 Traversal y Range. Otros ECMAScript5 SVG 1.1 ICC v2 y v3 Color Profiles. Web Timing.
    28. 28. Call to Action Migra tus aplicaciones de IE6/IE7 Despliega IE8 y Programa para el modo estándar Monta un piloto con IE9 y prueba tus sites
    29. 29. Resumen  Seguridad  Reputación de descargas  Foco en el site  Pinned Mode  JumpLists  Overlay Icons (Notificaciones)  Rendimiento  Aceleración por Hardware Completa  Nuevo Motor JavaScript – Chakra  Web Timing  Soporte a estándares  HTML5, CSS3, SVG 1.1, DOM L2 y L3, ECMAScript 5…
    30. 30. Q&A y Recursos  Twitter: @esmsdn  Centro de Desarrollo IE http://msdn.com/ie  TechCenter de IE http://technet.com/ie  Demos / Platform Previews / Beta http://ie.microsoft.com/testdrive/  Blog Oficial IE http://blogs.msdn.com/b/ie/  IE Feedback http://connect.microsoft.com/ie
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×