Microsoft Edge (Teched 2015)
-
Upload
fabricio-catae -
Category
Technology
-
view
97 -
download
1
Transcript of Microsoft Edge (Teched 2015)
![Page 1: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/1.jpg)
Visão Geral sobre o Microsoft Edge
DEV206
![Page 2: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/2.jpg)
Quem é o palestrante?
Fabricio CataeTechnical Evangelist
@fcatae
DEV206
![Page 3: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/3.jpg)
HTML5CSS
Javascript
![Page 4: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/4.jpg)
![Page 5: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/5.jpg)
![Page 7: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/7.jpg)
EdgeHTML.DLL
Chakra.DLL
![Page 8: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/8.jpg)
ChakraJS
![Page 9: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/9.jpg)
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.
![Page 10: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/10.jpg)
Vantagem ou Desvantagem?A linguagem Javascript possui uma natureza
dinâmica, permitindo criar novos tipos de dados em tempo de execução
![Page 11: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/11.jpg)
Demo
![Page 12: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/12.jpg)
function somar(a,b) {return a+b;
}
Somar
![Page 13: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/13.jpg)
Javascript é diferente
var a = 10; function bar() { alert(a); var a = 20;}
bar();
a) undefinedb) 10c) 20d) 30
![Page 14: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/14.jpg)
Prototype
prototype prototype prototype
Gato Animal Object
![Page 15: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/15.jpg)
Javascript é o Futuro?Seria possível evoluir a linguagem Javascript e
obter melhor desempenho?
![Page 16: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/16.jpg)
CompilaçãoO processo de compilação transforma o código
Javascript em um programa executável.
![Page 17: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/17.jpg)
ParserO primeiro processamento transforma o código-
fonte em um conjunto de byte code.
![Page 18: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/18.jpg)
ExecuçãoO código em byte-code roda de forma
interpretada
![Page 19: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/19.jpg)
Como otimizar?Javascript possui um comportamento tão
dinâmico, que é difícil conseguir prever qual o tipo de dado que será utilizado.
![Page 20: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/20.jpg)
Chakra Pipeline
![Page 21: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/21.jpg)
box2D
![Page 22: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/22.jpg)
Performance do Javascriptasm.js e WebAssembly são tecnologias que
podem melhorar o desempenho do javascript
![Page 23: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/23.jpg)
Evolução do JavascriptAtualmente a maioria dos navegadores
implementa o ECMAScript 5. Novas funcionalidades foram introduzidas na versão 6.
![Page 24: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/24.jpg)
EdgeHTMLDOM
![Page 25: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/25.jpg)
![Page 26: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/26.jpg)
1995
3 41 2 65 7 8 99 10 11
Internet Explorer
![Page 27: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/27.jpg)
1995
3 41 2 IE65 7 8 99 10 11
Internet Explorer
![Page 28: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/28.jpg)
1995
3 41 2 5 7 IE8 99 10 11
Internet Explorer
IE6
![Page 29: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/29.jpg)
1995
3 41 2 65 7 8 IE9 10 IE11
Internet Explorer
![Page 30: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/30.jpg)
Simples: A web funciona!
![Page 31: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/31.jpg)
Simples: A web funciona!
![Page 32: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/32.jpg)
Recursos do HTML5Existe uma série de funcionalidades disponíveis no
HTML5 que vão além da diagramação do documento.
![Page 33: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/33.jpg)
SemânticaHTML
<header>
<section>
<footer>
<article>
<aside>
![Page 34: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/34.jpg)
Bordas
![Page 35: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/35.jpg)
Gradiente
![Page 36: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/36.jpg)
Web Storage
![Page 37: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/37.jpg)
Pointer Events
![Page 38: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/38.jpg)
Geolocation
![Page 39: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/39.jpg)
WebSocket
![Page 40: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/40.jpg)
Media Capture
![Page 41: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/41.jpg)
Video
![Page 42: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/42.jpg)
SVG
![Page 43: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/43.jpg)
Canvas
![Page 44: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/44.jpg)
WebGL
![Page 45: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/45.jpg)
Web Audio
![Page 46: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/46.jpg)
ORTC
![Page 47: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/47.jpg)
//dev.modern.ie/platform/status
![Page 48: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/48.jpg)
![Page 49: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/49.jpg)
Simples: A web funciona!
![Page 50: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/50.jpg)
Microsoft Edge
![Page 51: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/51.jpg)
Video
![Page 52: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/52.jpg)
SandboxUsando a API do WinRT, o Edge roda em um
contexto de segurança limitado de app.
![Page 53: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/53.jpg)
64-bitsMicrosoft Edge roda nativamente em 64-bits, diminuindo o risco aos ataques feitos na Web
![Page 54: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/54.jpg)
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.
![Page 55: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/55.jpg)
DesempenhoComparativo entre browsers usando os testes do Google e Apple
![Page 56: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/56.jpg)
![Page 57: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/57.jpg)
![Page 58: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/58.jpg)
CompatibilidadeSerá que seu site é compatível com o Edge?
![Page 59: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/59.jpg)
![Page 60: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/60.jpg)
//modern.dev.ie
![Page 62: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/62.jpg)
Problema #1
Detecção de Browser
![Page 63: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/63.jpg)
Outros Problemas (além do #1)
Utilização de prefixos CSS (-webkit, -moz, ...)Bibliotecas Javascripts desatualizadas
Dependência de Plugins ActiveX
![Page 64: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/64.jpg)
Web Hotline [email protected]
![Page 65: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/65.jpg)
Q&A
Visite o espaço Ask the Experts, próximo dos expositores
![Page 66: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/66.jpg)
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
![Page 67: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/67.jpg)
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
![Page 68: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/68.jpg)
Continue sua capacitação
Microsoft Virtual Academy
http://aka.ms/ch9 http://aka.ms/mva
![Page 69: Microsoft Edge (Teched 2015)](https://reader036.fdocuments.in/reader036/viewer/2022062316/58ab78c81a28abb54e8b6a13/html5/thumbnails/69.jpg)
Fabricio Catae@fcatae