microsoft edge (teched 2015)

Visão Geral sobre o Microsoft Edge

DEV206

Quem é o palestrante?

Fabricio CataeTechnical Evangelist

@fcatae

DEV206

HTML5CSS

Javascript

EdgeHTML.DLL

Chakra.DLL

ChakraJS

20 anos de JavascriptNetscape introduziu o Javascript para seu

próprio navegador. Devido a sua versatilidade, hoje é uma linguagem utilizada em diferentes

cenários: cliente, servidor, desktop, IoT.

Vantagem ou Desvantagem?A linguagem Javascript possui uma natureza

dinâmica, permitindo criar novos tipos de dados em tempo de execução

Demo

function somar(a,b) {return a+b;

}

Somar

Javascript é diferente

var a = 10; function bar() { alert(a); var a = 20;}

bar();

a) undefinedb) 10c) 20d) 30

Prototype

prototype prototype prototype

Gato Animal Object

Javascript é o Futuro?Seria possível evoluir a linguagem Javascript e

obter melhor desempenho?

CompilaçãoO processo de compilação transforma o código

Javascript em um programa executável.

ParserO primeiro processamento transforma o código-

fonte em um conjunto de byte code.

ExecuçãoO código em byte-code roda de forma

interpretada

Como otimizar?Javascript possui um comportamento tão

dinâmico, que é difícil conseguir prever qual o tipo de dado que será utilizado.

Chakra Pipeline

box2D

Performance do Javascriptasm.js e WebAssembly são tecnologias que

podem melhorar o desempenho do javascript

Evolução do JavascriptAtualmente a maioria dos navegadores

implementa o ECMAScript 5. Novas funcionalidades foram introduzidas na versão 6.

EdgeHTMLDOM

1995

3 41 2 65 7 8 99 10 11

Internet Explorer

1995

3 41 2 IE65 7 8 99 10 11

Internet Explorer

1995

3 41 2 5 7 IE8 99 10 11

Internet Explorer

IE6

1995

3 41 2 65 7 8 IE9 10 IE11

Internet Explorer

Simples: A web funciona!

Simples: A web funciona!

Recursos do HTML5Existe uma série de funcionalidades disponíveis no

HTML5 que vão além da diagramação do documento.

SemânticaHTML

<header>

<section>

<footer>

<article>

<aside>

Bordas

Gradiente

Web Storage

Pointer Events

Geolocation

WebSocket

Media Capture

Video

SVG

Canvas

WebGL

Web Audio

ORTC

//dev.modern.ie/platform/status

Simples: A web funciona!

Microsoft Edge

Video

SandboxUsando a API do WinRT, o Edge roda em um

contexto de segurança limitado de app.

64-bitsMicrosoft Edge roda nativamente em 64-bits, diminuindo o risco aos ataques feitos na Web

Plug-ins ActiveXNão existe mais suporte aos plug-ins baseados

na tecnologia de ActiveX. Esse é mais um motivo pelo qual o browser se torna mais seguro.

DesempenhoComparativo entre browsers usando os testes do Google e Apple

CompatibilidadeSerá que seu site é compatível com o Edge?

//modern.dev.ie

Quick Site Scan

Problema #1

Detecção de Browser

Outros Problemas (além do #1)

Utilização de prefixos CSS (-webkit, -moz, ...)Bibliotecas Javascripts desatualizadas

Dependência de Plugins ActiveX

Web Hotline AskEdge@microsoft.com

Q&A

Visite o espaço Ask the Experts, próximo dos expositores

Sessões relacionadas

WIN205: Hosted Web Apps: Leve seu web site para dentro de uma appWIN302: 10 Motivos para utilizar Apache Cordova no Visual Studio 2015WIN401: Conhecendo o Windows RuntimeDEV202: ASP.NET vNext, MVC 6 e alémDEV205: Diagnosticando problemas em sites Asp.Net

Evento de encerramento do Microsoft Insights Week 

com Satya Nadella, CEO da Microsoft.Dia 29 de setembro

AMCHAM - Rua da Paz 1431Chácara Santo Antônio - SP

Para se inscrever: http://aka.ms/satyabr

Continue sua capacitação

Microsoft Virtual Academy

http://aka.ms/ch9 http://aka.ms/mva

Fabricio Catae@fcatae