SlideShare ist ein Scribd-Unternehmen logo
1 von 69
Visão Geral sobre o
Microsoft Edge
DEV206
Quem é o palestrante?
Fabricio Catae
Technical Evangelist
@fcatae
DEV206
HTML5
CSS
Javascript
EdgeHTML.DLL
Chakra.DLL
Chakra
JS
20 anos de Javascript
Netscape 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) undefined
b) 10
c) 20
d) 30
Prototype
prototype prototype prototype
Gato Animal Object
Javascript é o Futuro?
Seria possível evoluir a linguagem Javascript e
obter melhor desempenho?
Compilação
O processo de compilação transforma o código
Javascript em um programa executável.
Parser
O primeiro processamento transforma o código-
fonte em um conjunto de byte code.
Execução
O 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 Javascript
asm.js e WebAssembly são tecnologias que
podem melhorar o desempenho do javascript
Evolução do Javascript
Atualmente a maioria dos navegadores
implementa o ECMAScript 5. Novas
funcionalidades foram introduzidas na versão 6.
EdgeHTML
DOM
1995
3 41 2 65 7 8 99 10 11
1995
3 41 2
IE6
5 7 8 99 10 11
1995
3 41 2 5 7
IE8
99 10 11
IE6
1995
3 41 2 65 7 8
IE9
10
IE11
Simples: A web funciona!
Simples: A web funciona!
Recursos do HTML5
Existe uma série de funcionalidades disponíveis no
HTML5 que vão além da diagramação do documento.
<header>
<section>
<footer>
<article>
<aside>
//dev.modern.ie/platform/status
Simples: A web funciona!
Microsoft Edge
Video
Sandbox
Usando a API do WinRT, o Edge roda em um
contexto de segurança limitado de app.
64-bits
Microsoft Edge roda nativamente em 64-bits,
diminuindo o risco aos ataques feitos na Web
Plug-ins ActiveX
Não existe mais suporte aos plug-ins baseados
na tecnologia de ActiveX. Esse é mais um motivo
pelo qual o browser se torna mais seguro.
Desempenho
Comparativo entre
browsers usando os
testes do Google e
Apple
Compatibilidade
Será 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 app
WIN302: 10 Motivos para utilizar Apache Cordova no Visual Studio 2015
WIN401: Conhecendo o Windows Runtime
DEV202: ASP.NET vNext, MVC 6 e além
DEV205: 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 1431
Chá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

Weitere ähnliche Inhalte

Was ist angesagt?

Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
Rodrigo Kono
 
Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4
Rodrigo Kono
 

Was ist angesagt? (20)

Usando o Selenium VBA para extrair informações da Web
Usando o Selenium VBA para extrair informações da WebUsando o Selenium VBA para extrair informações da Web
Usando o Selenium VBA para extrair informações da Web
 
Aula 4. bibliotecas js
Aula 4. bibliotecas jsAula 4. bibliotecas js
Aula 4. bibliotecas js
 
Extração Automatizada de Dados da Web com Selenium WebDriver - Web Scraping -...
Extração Automatizada de Dados da Web com Selenium WebDriver - Web Scraping -...Extração Automatizada de Dados da Web com Selenium WebDriver - Web Scraping -...
Extração Automatizada de Dados da Web com Selenium WebDriver - Web Scraping -...
 
(A18) LabMM3 - Ajax
(A18) LabMM3 - Ajax(A18) LabMM3 - Ajax
(A18) LabMM3 - Ajax
 
IoTizando com JavaScript
IoTizando com JavaScriptIoTizando com JavaScript
IoTizando com JavaScript
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com Polymer
 
Micro Front-end + CQRS/ES - JSSP jul/2019
Micro Front-end + CQRS/ES - JSSP jul/2019Micro Front-end + CQRS/ES - JSSP jul/2019
Micro Front-end + CQRS/ES - JSSP jul/2019
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
Apresentação Jquery
Apresentação JqueryApresentação Jquery
Apresentação Jquery
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
ASP.NET Identity
ASP.NET IdentityASP.NET Identity
ASP.NET Identity
 
Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4
 
Desenvolvimento para windows phone
Desenvolvimento para windows phoneDesenvolvimento para windows phone
Desenvolvimento para windows phone
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
 
Primeiros passos no Vue.js
Primeiros passos no Vue.jsPrimeiros passos no Vue.js
Primeiros passos no Vue.js
 
Microsoft .Net
Microsoft .NetMicrosoft .Net
Microsoft .Net
 
HackaPET 2019: HTML/CSS
HackaPET 2019: HTML/CSSHackaPET 2019: HTML/CSS
HackaPET 2019: HTML/CSS
 
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e FirebaseTDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
 
AngularJS com NODE.JS e Socket.IO
AngularJS com NODE.JS e Socket.IOAngularJS com NODE.JS e Socket.IO
AngularJS com NODE.JS e Socket.IO
 

Andere mochten auch

Technical Seminar PPT
Technical Seminar PPTTechnical Seminar PPT
Technical Seminar PPT
Kshitiz_Vj
 

Andere mochten auch (11)

All That Edge
All That EdgeAll That Edge
All That Edge
 
An Introduction to Microsoft Edge
An Introduction to Microsoft EdgeAn Introduction to Microsoft Edge
An Introduction to Microsoft Edge
 
Internet y navegador web
Internet y navegador webInternet y navegador web
Internet y navegador web
 
Html e css
Html e cssHtml e css
Html e css
 
Como funciona tu navegador web
Como funciona tu navegador webComo funciona tu navegador web
Como funciona tu navegador web
 
Html, css, js, ajax
Html, css, js, ajaxHtml, css, js, ajax
Html, css, js, ajax
 
Microsoft for Your Data
Microsoft for Your DataMicrosoft for Your Data
Microsoft for Your Data
 
Aula 07
Aula 07Aula 07
Aula 07
 
Como funciona a Internet - Camada de Aplicação
Como funciona a Internet - Camada de AplicaçãoComo funciona a Internet - Camada de Aplicação
Como funciona a Internet - Camada de Aplicação
 
Digital Transformation and Power BI
Digital Transformation and Power BIDigital Transformation and Power BI
Digital Transformation and Power BI
 
Technical Seminar PPT
Technical Seminar PPTTechnical Seminar PPT
Technical Seminar PPT
 

Ähnlich wie Microsoft Edge (Teched 2015)

Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
Rodrigo Peleias
 
Java, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a ObjetosJava, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a Objetos
João Longo
 
TDC SP 2015 - Criando aplicações ASP.NET no Mac
TDC SP 2015 - Criando aplicações ASP.NET no MacTDC SP 2015 - Criando aplicações ASP.NET no Mac
TDC SP 2015 - Criando aplicações ASP.NET no Mac
Andre Baltieri
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
Rodrigo Kono
 
Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011
Felipe Pimentel
 

Ähnlich wie Microsoft Edge (Teched 2015) (20)

Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Desenvolvimento Ria com Java
Desenvolvimento Ria com JavaDesenvolvimento Ria com Java
Desenvolvimento Ria com Java
 
Desenvolvimento RIA com Java
Desenvolvimento RIA com JavaDesenvolvimento RIA com Java
Desenvolvimento RIA com Java
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
 
Java, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a ObjetosJava, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a Objetos
 
TDC SP 2015 - Criando aplicações ASP.NET no Mac
TDC SP 2015 - Criando aplicações ASP.NET no MacTDC SP 2015 - Criando aplicações ASP.NET no Mac
TDC SP 2015 - Criando aplicações ASP.NET no Mac
 
Introdução ao .NET
Introdução ao .NETIntrodução ao .NET
Introdução ao .NET
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
 
Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011
 
Construindo aplicações robustas com a suíte de tecnologias gratuítas da Micro...
Construindo aplicações robustas com a suíte de tecnologias gratuítas da Micro...Construindo aplicações robustas com a suíte de tecnologias gratuítas da Micro...
Construindo aplicações robustas com a suíte de tecnologias gratuítas da Micro...
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
O uso de PWA e o futuro do desenvolvimento mobile com React Native e KotlinO uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin
 
Curso JavaFX 2
Curso JavaFX 2Curso JavaFX 2
Curso JavaFX 2
 
Front-End do Século XXI.I
Front-End do Século XXI.IFront-End do Século XXI.I
Front-End do Século XXI.I
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
 
Netbeans Slides
Netbeans SlidesNetbeans Slides
Netbeans Slides
 
01 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.101 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.1
 
ASP.NET e Visual Studio 2010
ASP.NET e Visual Studio 2010ASP.NET e Visual Studio 2010
ASP.NET e Visual Studio 2010
 

Mehr von Fabrício Catae

Mehr von Fabrício Catae (20)

Mule Meetup Cache Redis
Mule Meetup Cache RedisMule Meetup Cache Redis
Mule Meetup Cache Redis
 
Meetup Mule SP: Kafka (Edgar)
Meetup Mule SP: Kafka (Edgar)Meetup Mule SP: Kafka (Edgar)
Meetup Mule SP: Kafka (Edgar)
 
SQL Server on Linux
SQL Server on LinuxSQL Server on Linux
SQL Server on Linux
 
Build smarter and scalable applications using Microsoft Azure Database Services
Build smarter and scalable applications using Microsoft Azure Database ServicesBuild smarter and scalable applications using Microsoft Azure Database Services
Build smarter and scalable applications using Microsoft Azure Database Services
 
Fora Hackers! Proteção em camadas do SQL Server
Fora Hackers! Proteção em camadas do SQL ServerFora Hackers! Proteção em camadas do SQL Server
Fora Hackers! Proteção em camadas do SQL Server
 
Migrando o Parse para Azure: Lições Aprendidas
Migrando o Parse para Azure: Lições AprendidasMigrando o Parse para Azure: Lições Aprendidas
Migrando o Parse para Azure: Lições Aprendidas
 
TechEd 2015: Diagnosticando problemas em sites ASP.NET
TechEd 2015: Diagnosticando problemas em sites ASP.NETTechEd 2015: Diagnosticando problemas em sites ASP.NET
TechEd 2015: Diagnosticando problemas em sites ASP.NET
 
Estratégias de Backup e Restore
Estratégias de Backup e RestoreEstratégias de Backup e Restore
Estratégias de Backup e Restore
 
Indo para o proximo nivel: MCSM e MCA em SQL Server 2012
Indo para o proximo nivel:  MCSM e MCA em SQL Server 2012Indo para o proximo nivel:  MCSM e MCA em SQL Server 2012
Indo para o proximo nivel: MCSM e MCA em SQL Server 2012
 
CLR Fundamentals: Memory Management
CLR Fundamentals: Memory ManagementCLR Fundamentals: Memory Management
CLR Fundamentals: Memory Management
 
Learn how to debug
Learn how to debugLearn how to debug
Learn how to debug
 
TechEd 2009: Planejamento e Operação de Ambientes SharePoint Multi-Terabyte
TechEd 2009: Planejamento e Operação de Ambientes SharePoint Multi-TerabyteTechEd 2009: Planejamento e Operação de Ambientes SharePoint Multi-Terabyte
TechEd 2009: Planejamento e Operação de Ambientes SharePoint Multi-Terabyte
 
TechEd 2011: Raio-X do SQL Server: Arquitetura Interna do Gerenciador de Ban...
TechEd 2011: Raio-X do SQL Server: Arquitetura Interna do Gerenciador de Ban...TechEd 2011: Raio-X do SQL Server: Arquitetura Interna do Gerenciador de Ban...
TechEd 2011: Raio-X do SQL Server: Arquitetura Interna do Gerenciador de Ban...
 
TechEd 2010: SQL Server com Foco em Diagnóstico de Desempenho
TechEd 2010: SQL Server com Foco em Diagnóstico de DesempenhoTechEd 2010: SQL Server com Foco em Diagnóstico de Desempenho
TechEd 2010: SQL Server com Foco em Diagnóstico de Desempenho
 
TechEd 2010: Escalando aplicações OLTP:Design de aplicação e considerações pa...
TechEd 2010: Escalando aplicações OLTP:Design de aplicação e considerações pa...TechEd 2010: Escalando aplicações OLTP:Design de aplicação e considerações pa...
TechEd 2010: Escalando aplicações OLTP:Design de aplicação e considerações pa...
 
Advanced SQL Memory Management (GeekReady 2012)
Advanced SQL Memory Management (GeekReady 2012)Advanced SQL Memory Management (GeekReady 2012)
Advanced SQL Memory Management (GeekReady 2012)
 
Como funciona um banco de dados? (Worldwide Online TechDay 2010)
Como funciona um banco de dados? (Worldwide Online TechDay 2010)Como funciona um banco de dados? (Worldwide Online TechDay 2010)
Como funciona um banco de dados? (Worldwide Online TechDay 2010)
 
Como funciona um banco de dados? (Prudente TechDay 2010)
Como funciona um banco de dados? (Prudente TechDay 2010)Como funciona um banco de dados? (Prudente TechDay 2010)
Como funciona um banco de dados? (Prudente TechDay 2010)
 
Busca de Documentos (Marilia TechDay 2011)
Busca de Documentos (Marilia TechDay 2011)Busca de Documentos (Marilia TechDay 2011)
Busca de Documentos (Marilia TechDay 2011)
 
Microsoft Certified Master (Comunidade MCM)
Microsoft Certified Master (Comunidade MCM)Microsoft Certified Master (Comunidade MCM)
Microsoft Certified Master (Comunidade MCM)
 

Microsoft Edge (Teched 2015)

Hinweis der Redaktion

  1. Javascript é rápido e eficiente, melhor que o C#? Quero convencer que sim!
  2. Qual o grande trunfo do Edge?