el nuevo internet explorer 9

31
Jose Fco Bonnin E-Mail: [email protected] Twitter: @esmsdn / @wasat

Upload: eventos-creativos

Post on 18-Dec-2014

776 views

Category:

Technology


0 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: El Nuevo Internet Explorer 9

Jose Fco Bonnin

E-Mail: [email protected]: @esmsdn / @wasat

Page 2: El Nuevo Internet Explorer 9

Agenda

history.back(); Seguridad El Site como protagonista Velocidad Soporte a Estándares Q&A

Page 3: El Nuevo Internet Explorer 9

Historia

(screenshot de 1993)

Page 4: El Nuevo Internet Explorer 9

Historia

Page 6: El Nuevo Internet Explorer 9

Browser Wars

Page 7: El Nuevo Internet Explorer 9

8

Good bye IE 6

Photo Courtesy Aten Design Group - http://www.flickr.com/photos/atendesigngroup/4408393890/

Page 8: El Nuevo Internet Explorer 9
Page 9: El Nuevo Internet Explorer 9

Agenda

Historia Seguridad El site como protagonista Rendimiento Soporte a estándares Q&A

Page 10: El Nuevo Internet Explorer 9

Demo

Reputación de descargas

Page 11: El Nuevo Internet Explorer 9

PAGE 12

Page 12: El Nuevo Internet Explorer 9

Demo

Pinned Mode

Page 13: El Nuevo Internet Explorer 9

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" />

Page 14: El Nuevo Internet Explorer 9

También con JavaScript

if (window.external.msIsSiteMode) {

if (!window.external.msIsSiteMode()) {

window.external.msAddSiteMode() }

}

Page 15: El Nuevo Internet Explorer 9

Demo

Jump Lists Notifications

Page 16: El Nuevo Internet Explorer 9

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 Scriptwindow.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();

Page 17: El Nuevo Internet Explorer 9

Notificaciones

window.external.msSiteModeSetIconOverlay( 'http://host/overlay1.ico','Overlay 1');

window.external.msSiteModeClearIconOverlay();

Page 18: El Nuevo Internet Explorer 9

Agenda

Historia Seguridad El Site como protagonista Velocidad Soporte a estándares Q&A

Page 19: El Nuevo Internet Explorer 9

Rendimiento

Page 20: El Nuevo Internet Explorer 9

Motor JavaScript Tradicional

Código Fuente Parser AST IntérpreteByteCode

Foreground

Page 21: El Nuevo Internet Explorer 9

Nuevo motor JavaScript – “Chakra”

Código Fuente Parser IntérpreteByteCode

Foreground

BackgroundCompilador

en Background

AST

Código Nativo

JavaScript compilado en Background Utilizando varios Cores

Page 22: El Nuevo Internet Explorer 9

Aceleración por Hardware

Page 23: El Nuevo Internet Explorer 9

Demo

Aceleración HW

Page 24: El Nuevo Internet Explorer 9

PAGE 25

W3C - Web Timing Specification

<script type="text/javascript"> var perf = window.msPerformance; var navStart = perf.timing.navigationStart + "ms";</script>

Métricas de rendimiento integradas en DOM

Page 25: El Nuevo Internet Explorer 9

Agenda

Historia Seguridad Foco en el Site Rendimiento Soporte a estándares Q&A

Page 26: El Nuevo Internet Explorer 9

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

Page 27: El Nuevo Internet Explorer 9

PAGE 28

Un solo Mark-Up

Page 28: El Nuevo Internet Explorer 9

Estándares en IE9

HTML 5

<video><audio><canvas>

<svg>Parsing.

Selection APIs.Ajax

Navigation.DOM Storage.

CSS 3Modules

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

ECMAScript5SVG 1.1

ICC v2 y v3 Color Profiles.Web Timing.

Page 29: El Nuevo Internet Explorer 9

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

Page 30: El Nuevo Internet Explorer 9

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…

Page 31: El Nuevo Internet Explorer 9

Q&A y Recursos

Twitter: @esmsdn

Centro de Desarrollo IEhttp://msdn.com/ie

TechCenter de IEhttp://technet.com/ie

Demos / Platform Previews / Betahttp://ie.microsoft.com/testdrive/

Blog Oficial IEhttp://blogs.msdn.com/b/ie/

IE Feedbackhttp://connect.microsoft.com/ie