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.

1. Jose Fco Bonnin
E-Mail: jbonnin@microsoft.com
Twitter: @esmsdn / @wasat

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

3. Historia
(screenshot de 1993)

4. Historia

5. Browser Wars

6. Browser Wars

7. 8
Good bye IE 6
Photo Courtesy Aten Design Group - http://www.flickr.com/photos/atendesigngroup/4408393890/

9. Agenda
 Historia
 Seguridad
 El site como protagonista
 Rendimiento
 Soporte a estándares
 Q&A

10. Demo
 Reputación de descargas

11. 12

12. Demo
 Pinned Mode

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

14. También con JavaScript
if (window.external.msIsSiteMode) {
if (!window.external.msIsSiteMode()) {
window.external.msAddSiteMode()
}
}

15. Demo
 Jump Lists
 Notifications

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

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

18. Agenda
 Historia
 Seguridad
 El Site como protagonista
 Velocidad
 Soporte a estándares
 Q&A

19. Rendimiento

20. Motor JavaScript Tradicional
Código
Fuente
Parser AST IntérpreteByteCode
Foreground

21. 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

22. Aceleración por Hardware

23. Demo
 Aceleración HW

24. 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

25. Agenda
 Historia
 Seguridad
 Foco en el Site
 Rendimiento
 Soporte a estándares
 Q&A

26. 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

27. Un solo Mark-Up
28

28. 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.

29. 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

30. 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…

31. 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