SlideShare a Scribd company logo
PUSH IT
TO THE
Robin-Manuel Thiel
TECHNICAL EVANGELIST
@einRobby
Agenda
What you can expect
Hey Microsoft, why did you build another IE?
Why get my sites ready for the Microsoft Edge?
What do I need to do for that?
What is the Chakra Engine?
What else can I do with the ChakraCore?
How can I test my applications on Microsoft Edge?
What you won’t get
Please use Microsoft Edge from now!
Deep dive into Chakra, JavaScript or ECMAScript
Microsoft Edge
What? When? Why?
Push it to the Edge
Push it to the Edge
InteroperabilityPerformanceEvergreen
Evergreen
Windows Browser Roadmap
2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
Internet Explorer 10
Internet Explorer 11
Internet Explorer 8
Internet Explorer 9
Internet Explorer 11
Internet Explorer 10
Internet Explorer 11
Microsoft Edge
3 41 2 5.5 65 7 84.x 99 10 11
Trident
1995 2015
Quirks Strict
HTML4, ES3, CSS2
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
!DOCTYPE
Quirks Strict
HTML4, ES3, CSS2
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
!DOCTYPE
!DOCTYPE
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
x-ua-compatible
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
HTML4, ES3, CSS2 CSS2.1
HTML5, SVG, ES5
!DOCTYPE
HTML4, ES3, CSS2
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
CSS2.1
x-ua-compatible
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
IE9
Standards
Mode
HTML5, SVG, ES5, CSS3
!DOCTYPE
HTML4, ES3, CSS2
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
CSS2.1
x-ua-compatible
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
QME
Quirks Mode
Emulation
IE9
Standards
Mode
IE10
Standards
Mode
HTML5, SVG, ES5, CSS3
!DOCTYPE
HTML4, ES3, CSS2
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
CSS2.1
x-ua-compatible
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
IE10
Standards
Mode
IE9
Standards
Mode
QME
Quirks
Mode
Emulation
EMIE
Enterprise
Mode
IE11
Standards
Mode
Modern WebLegacy Web
HTML5, SVG, ES5, CSS3HTML4, ES3, CSS2
Trident
3 41 2 5.5 65 7 84.x 99 10 11
1995 2015
CSS2.1
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
IE10
Standards
Mode
IE9
Standards
Mode
QME
Quirks
Mode
Emulation
EMIE
Enterprise
Mode
IE11
Standards
Mode
Modern WebLegacy Web
Incoming browser request
Which browser?
Webkit, Blink &
Gecko codeMultiple IE
code paths
Browser
Firefox
Gecko
Evergreen
Browser
Chrome
Blink
Evergreen
Blink
Microsoft EdgeHTML
Evergreen
Browser
Edge
Always up-to-date
Microsoft Edge is a Universal Windows App
Automatic updates
Performance
JetStream Browser Benchmark
0
50
100
150
200
250
300
Internet Explorer 11 Edge Chrome Canary Firefox Alpha
Interoperability
Interoperability
Why get your sites ready for Microsoft Edge?
With new engine built to be
interoperable with modern standards
Incoming browser request
Which browser?
Webkit, Blink &
Gecko codeMultiple IE
code paths
Legacy standards Modern standards
Incoming browser request
EdgeHTML
Webkit, Blink &
Gecko code
Today, multiple code paths
need to be maintained
User Agent Strings
Safari
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.75.14
(KHTML, like Gecko) Version/7.0.3 Safari/7046A194A
Chrome
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36
(KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36
Microsoft Edge
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36
(KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.246
User Agent Strings
Safari
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.75.14
(KHTML, like Gecko) Version/7.0.3 Safari/7046A194A
Chrome
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36
(KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36
Microsoft Edge
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36
(KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.246
TheMobileWeb
Interoperability Features
4200+ Interoperability Fixes, Preserve-3d, Touch Events, CSS Filter Effects, DOM Clipboard Support,
HTML Drag and Drop, Web Audio, CSS Position Sticky, CSS @supports, CSS Flexbox, HTML Beacon,
WebDriver, IndexedDB, WebCrypto, Internationalization Mixed Languages Support, CSS Grid, CSS
Variables, srcset, <picture> element, Web Workers Update, DOM4 Events, Font Loading, BDI, Cross-
domain, HLS Manifest, Block Ellipsis, WAV, @rules, CSS Text(), CSS Border Logical, Logical Box Model,
DOM Gamepad API, DOM FileSystem API, HTML <date> element, HTML <keygen> element, HTML
<main> element, HTML <output> element, HTML <summary> element, HTML <detail> element,
HTML <time> element, Native PDF, AppCache, SVG Hosting, Mutation Observers, HTML bidirectional,
HTML Speech API, SVG animations, SVG transitions, SVG transforms, Canvas Path, Canvas Accessibility
API, CSS Select Control, CSS Masking, CSS Clipping, Navigation Error Logging, CSS element(), CSS
Shapes, ORTC, CSS Escape, Shared Workers, ES6 Modules, ES6 Promises, CSS Intrinsic & Extrinsic Sizing,
Web Components, CSS Scoped Styles, HTTP 2.0, CSS Resize, WebGL, Canvas Blend Modes, CSS
Interpolation, CSS Line Grid, CSS Line Box Contain, CSS Ruby, DOM Event Constructors, HTML <ol>
Reverse, Server-Sent Events, Viewport APIs, Quota API, etc.
http://dev.modern.ie/platform/status
Internet Explorer
And what about Internet Explorer?
Internet Explorer
Internal engine switch enabled
by CV lists, x-ua-compatible
and meta tags
For sites requiring ActiveX or BHO
Compatibility Engine
mshtml.dll
IE5
Quirks
IE7
Compat View
IE8
Standards
Mode
IE9
Standards
Mode
IE10
Standards
Mode
QME
Quirks Mode
Emulation
IE11
Standards
Mode
EMIE
Enterprise
Mode
Silverlight
Java
Flash
BHOs
ActiveX BHO ActiveX
Chakra Engine
Chakra JavaScript Engine
Microsoft Edge
Universal Windows Apps
Server Side Applications
Cloud Based Services
NoSQL databases
Game Engines
Front-End tools
Internet of Things
ChakraCore goals
Extremely good compliance with the standard
Extremely fast
Scalability on the server side
Easy interaction with native code
ChakraCore characteristics
Leading ECMAScript 6 support
ASM.js, SIMD, classes, Async functions, etc…
Eliminates document modes
Eliminates MS specific extensions
Faster progress on interoperability and standards
Testing for
Microsoft Edge
Testing for Microsoft Edge
F12 Developer Tools
Microsoft Edge Selenium WebDriver Support
Microsoft Dev Essentials Virtual Machines
Vorlon.js
Call to actions
Validate the new UA with your site
Use remote.modern.ie to test the
latest version of IE
Do use feature detection
Do not sniff UA
Try ChakraCore
Send us feedback
Push it to the Edge

More Related Content

What's hot

BP101: A Modernized Workflow w/ Domino/XPages
BP101: A Modernized Workflow w/ Domino/XPagesBP101: A Modernized Workflow w/ Domino/XPages
BP101: A Modernized Workflow w/ Domino/XPages
edm00se
 
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
민태 김
 
jQuery Conference 2012 keynote
jQuery Conference 2012 keynotejQuery Conference 2012 keynote
jQuery Conference 2012 keynote
dmethvin
 
Java script performance tips
Java script performance tipsJava script performance tips
Java script performance tips
Shakti Shrestha
 
From MEAN to the MERN Stack
From MEAN to the MERN StackFrom MEAN to the MERN Stack
From MEAN to the MERN Stack
Troy Miles
 
Introduction to Vaadin Framework
Introduction to Vaadin FrameworkIntroduction to Vaadin Framework
Introduction to Vaadin Framework
Risto Yrjänä
 
XML and Web Services with Groovy
XML and Web Services with GroovyXML and Web Services with Groovy
XML and Web Services with Groovy
Paul King
 
State of jQuery June 2013 - Portland
State of jQuery June 2013 - PortlandState of jQuery June 2013 - Portland
State of jQuery June 2013 - Portland
dmethvin
 
Isomorphic web application
Isomorphic web applicationIsomorphic web application
Isomorphic web application
Oliver N
 
Node js to sharepoint authentication
Node js to sharepoint authenticationNode js to sharepoint authentication
Node js to sharepoint authentication
Sergei Sergeev
 
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and AngularEscaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Mark Leusink
 
Data presentation with dust js technologies backing linkedin
Data presentation with dust js   technologies backing linkedinData presentation with dust js   technologies backing linkedin
Data presentation with dust js technologies backing linkedin
Ruhaim Izmeth
 
Blazor
BlazorBlazor
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
Sergei Sergeev
 
Angular 2 vs React
Angular 2 vs ReactAngular 2 vs React
Angular 2 vs React
Iran Reyes Fleitas
 
What’s New in ASP.NET 4
What’s New in ASP.NET 4What’s New in ASP.NET 4
What’s New in ASP.NET 4
Todd Anglin
 
Angular.js in XPages
Angular.js in XPagesAngular.js in XPages
Angular.js in XPages
Mark Roden
 
Transforming Front-End Disaster Code™ Into A Maintainable Masterpiece
Transforming Front-End Disaster Code™ Into A Maintainable MasterpieceTransforming Front-End Disaster Code™ Into A Maintainable Masterpiece
Transforming Front-End Disaster Code™ Into A Maintainable Masterpiece
Dan Gribbin
 
Kickstart sencha extjs
Kickstart sencha extjsKickstart sencha extjs
Kickstart sencha extjs
Shakti Shrestha
 
ASP.NET Brief History
ASP.NET Brief HistoryASP.NET Brief History
ASP.NET Brief History
Sudhakar Sharma
 

What's hot (20)

BP101: A Modernized Workflow w/ Domino/XPages
BP101: A Modernized Workflow w/ Domino/XPagesBP101: A Modernized Workflow w/ Domino/XPages
BP101: A Modernized Workflow w/ Domino/XPages
 
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
 
jQuery Conference 2012 keynote
jQuery Conference 2012 keynotejQuery Conference 2012 keynote
jQuery Conference 2012 keynote
 
Java script performance tips
Java script performance tipsJava script performance tips
Java script performance tips
 
From MEAN to the MERN Stack
From MEAN to the MERN StackFrom MEAN to the MERN Stack
From MEAN to the MERN Stack
 
Introduction to Vaadin Framework
Introduction to Vaadin FrameworkIntroduction to Vaadin Framework
Introduction to Vaadin Framework
 
XML and Web Services with Groovy
XML and Web Services with GroovyXML and Web Services with Groovy
XML and Web Services with Groovy
 
State of jQuery June 2013 - Portland
State of jQuery June 2013 - PortlandState of jQuery June 2013 - Portland
State of jQuery June 2013 - Portland
 
Isomorphic web application
Isomorphic web applicationIsomorphic web application
Isomorphic web application
 
Node js to sharepoint authentication
Node js to sharepoint authenticationNode js to sharepoint authentication
Node js to sharepoint authentication
 
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and AngularEscaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
 
Data presentation with dust js technologies backing linkedin
Data presentation with dust js   technologies backing linkedinData presentation with dust js   technologies backing linkedin
Data presentation with dust js technologies backing linkedin
 
Blazor
BlazorBlazor
Blazor
 
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
 
Angular 2 vs React
Angular 2 vs ReactAngular 2 vs React
Angular 2 vs React
 
What’s New in ASP.NET 4
What’s New in ASP.NET 4What’s New in ASP.NET 4
What’s New in ASP.NET 4
 
Angular.js in XPages
Angular.js in XPagesAngular.js in XPages
Angular.js in XPages
 
Transforming Front-End Disaster Code™ Into A Maintainable Masterpiece
Transforming Front-End Disaster Code™ Into A Maintainable MasterpieceTransforming Front-End Disaster Code™ Into A Maintainable Masterpiece
Transforming Front-End Disaster Code™ Into A Maintainable Masterpiece
 
Kickstart sencha extjs
Kickstart sencha extjsKickstart sencha extjs
Kickstart sencha extjs
 
ASP.NET Brief History
ASP.NET Brief HistoryASP.NET Brief History
ASP.NET Brief History
 

Similar to Push it to the Edge

Planning for Windows 10 and Internet Explorer 11
Planning for Windows 10 and Internet Explorer 11 Planning for Windows 10 and Internet Explorer 11
Planning for Windows 10 and Internet Explorer 11
Flexera
 
Get your site microsoft edge ready
Get your site microsoft edge readyGet your site microsoft edge ready
Get your site microsoft edge ready
Mostafa
 
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScriptHTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
Todd Anglin
 
Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022
NAVER D2
 
HTML5 Intoduction for Web Developers
HTML5 Intoduction for Web DevelopersHTML5 Intoduction for Web Developers
HTML5 Intoduction for Web Developers
Sascha Corti
 
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 20102012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
Chris O'Connor
 
HTML5 Comprehensive Guide
HTML5 Comprehensive GuideHTML5 Comprehensive Guide
HTML5 Comprehensive Guide
Alexei Skachykhin
 
Ie9 overview
Ie9 overviewIe9 overview
Ie9 overview
裕波 周
 
いま使われているHTML5と、これからのHTML5
いま使われているHTML5と、これからのHTML5いま使われているHTML5と、これからのHTML5
いま使われているHTML5と、これからのHTML5
Sadaaki HIRAI
 
ASP.NET
ASP.NETASP.NET
XTech May 2008
XTech May 2008XTech May 2008
XTech May 2008
Michael(tm) Smith
 
Intro to .NET for Government Developers
Intro to .NET for Government DevelopersIntro to .NET for Government Developers
Intro to .NET for Government Developers
Frank La Vigne
 
Html5/CSS3
Html5/CSS3Html5/CSS3
Html5/CSS3
Simratpreet Singh
 
php
phpphp
Best of Microsoft Dev Camp 2015
Best of Microsoft Dev Camp 2015Best of Microsoft Dev Camp 2015
Best of Microsoft Dev Camp 2015
Bluegrass Digital
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
Hosam Kamel
 
ASPNET Roadmap
ASPNET RoadmapASPNET Roadmap
ASPNET Roadmap
ukdpe
 
Real-Time Web Applications with ASP.NET WebAPI and SignalR
Real-Time Web Applications with ASP.NET WebAPI and SignalRReal-Time Web Applications with ASP.NET WebAPI and SignalR
Real-Time Web Applications with ASP.NET WebAPI and SignalR
Microsoft Developer Network (MSDN) - Belgium and Luxembourg
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
JohnTaieb
 
SFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrow
SFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrowSFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrow
SFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrow
Jacob Rossi
 

Similar to Push it to the Edge (20)

Planning for Windows 10 and Internet Explorer 11
Planning for Windows 10 and Internet Explorer 11 Planning for Windows 10 and Internet Explorer 11
Planning for Windows 10 and Internet Explorer 11
 
Get your site microsoft edge ready
Get your site microsoft edge readyGet your site microsoft edge ready
Get your site microsoft edge ready
 
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScriptHTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
 
Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022
 
HTML5 Intoduction for Web Developers
HTML5 Intoduction for Web DevelopersHTML5 Intoduction for Web Developers
HTML5 Intoduction for Web Developers
 
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 20102012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
 
HTML5 Comprehensive Guide
HTML5 Comprehensive GuideHTML5 Comprehensive Guide
HTML5 Comprehensive Guide
 
Ie9 overview
Ie9 overviewIe9 overview
Ie9 overview
 
いま使われているHTML5と、これからのHTML5
いま使われているHTML5と、これからのHTML5いま使われているHTML5と、これからのHTML5
いま使われているHTML5と、これからのHTML5
 
ASP.NET
ASP.NETASP.NET
ASP.NET
 
XTech May 2008
XTech May 2008XTech May 2008
XTech May 2008
 
Intro to .NET for Government Developers
Intro to .NET for Government DevelopersIntro to .NET for Government Developers
Intro to .NET for Government Developers
 
Html5/CSS3
Html5/CSS3Html5/CSS3
Html5/CSS3
 
php
phpphp
php
 
Best of Microsoft Dev Camp 2015
Best of Microsoft Dev Camp 2015Best of Microsoft Dev Camp 2015
Best of Microsoft Dev Camp 2015
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
 
ASPNET Roadmap
ASPNET RoadmapASPNET Roadmap
ASPNET Roadmap
 
Real-Time Web Applications with ASP.NET WebAPI and SignalR
Real-Time Web Applications with ASP.NET WebAPI and SignalRReal-Time Web Applications with ASP.NET WebAPI and SignalR
Real-Time Web Applications with ASP.NET WebAPI and SignalR
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
SFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrow
SFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrowSFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrow
SFHTML5 Meetup - Engineering Microsoft Edge for the web of today and tomorrow
 

Recently uploaded

Team Cymru Community Services,Overview of all public services
Team Cymru Community Services,Overview of all public servicesTeam Cymru Community Services,Overview of all public services
Team Cymru Community Services,Overview of all public services
Bangladesh Network Operators Group
 
Saint Louis University diploma
Saint Louis University diplomaSaint Louis University diploma
Saint Louis University diploma
eufdev
 
Software Defined Networking, Concepts and Practical Implementations
Software Defined Networking, Concepts and Practical ImplementationsSoftware Defined Networking, Concepts and Practical Implementations
Software Defined Networking, Concepts and Practical Implementations
Bangladesh Network Operators Group
 
Digital ethnography of the Polish darknet drug trade community
Digital ethnography of the Polish darknet drug trade communityDigital ethnography of the Polish darknet drug trade community
Digital ethnography of the Polish darknet drug trade community
Piotr Siuda
 
Ontology for the semantic enhancement, database definition and management and...
Ontology for the semantic enhancement, database definition and management and...Ontology for the semantic enhancement, database definition and management and...
Ontology for the semantic enhancement, database definition and management and...
Edward Blurock
 
Effective Tips for Creating the Best Rich Media Ads .pptx
Effective Tips for Creating the Best Rich Media Ads .pptxEffective Tips for Creating the Best Rich Media Ads .pptx
Effective Tips for Creating the Best Rich Media Ads .pptx
AirtoryInc
 
Best Skills to Learn for Freelancing.pdf
Best Skills to Learn for Freelancing.pdfBest Skills to Learn for Freelancing.pdf
Best Skills to Learn for Freelancing.pdf
Million-$-Knowledge {Million Dollar Knowledge}
 
My President is bulletproof t shirts hoodie
My President is bulletproof t shirts hoodieMy President is bulletproof t shirts hoodie
My President is bulletproof t shirts hoodie
exgf28
 
Best CSS Animation Libraries for Web Developers
Best CSS Animation Libraries for Web DevelopersBest CSS Animation Libraries for Web Developers
Best CSS Animation Libraries for Web Developers
Shrestha Raaz
 
Maximizing Network Efficiency with Large Language Models (LLM)
Maximizing Network Efficiency with Large Language Models (LLM)Maximizing Network Efficiency with Large Language Models (LLM)
Maximizing Network Efficiency with Large Language Models (LLM)
Bangladesh Network Operators Group
 
Portugal Dreamin 24 - How to easily use an API with Flows
Portugal Dreamin 24  - How to easily use an API with FlowsPortugal Dreamin 24  - How to easily use an API with Flows
Portugal Dreamin 24 - How to easily use an API with Flows
Thierry TROUIN ☁
 
DASH, presented by Elly Tawhai at PacNOG 33
DASH, presented by Elly Tawhai at PacNOG 33DASH, presented by Elly Tawhai at PacNOG 33
DASH, presented by Elly Tawhai at PacNOG 33
APNIC
 
University of California, Riverside diploma
University of California, Riverside diplomaUniversity of California, Riverside diploma
University of California, Riverside diploma
eufdev
 
Career Development Advice for Network Engineers across the Pacific, presented...
Career Development Advice for Network Engineers across the Pacific, presented...Career Development Advice for Network Engineers across the Pacific, presented...
Career Development Advice for Network Engineers across the Pacific, presented...
APNIC
 
Week 1 - Pendidikan Pancasila - Gr 1.docx
Week 1 - Pendidikan Pancasila - Gr 1.docxWeek 1 - Pendidikan Pancasila - Gr 1.docx
Week 1 - Pendidikan Pancasila - Gr 1.docx
JunaManroe1
 
IPv6 Deployment Planning and Security Considerations
IPv6 Deployment Planning and Security ConsiderationsIPv6 Deployment Planning and Security Considerations
IPv6 Deployment Planning and Security Considerations
Bangladesh Network Operators Group
 
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdfTop 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Krishna L
 
Geolocation and Geofeed Implementation bdNOG18
Geolocation and Geofeed Implementation bdNOG18Geolocation and Geofeed Implementation bdNOG18
Geolocation and Geofeed Implementation bdNOG18
Bangladesh Network Operators Group
 
Do it again anti Republican shirt Do it again anti Republican shirt
Do it again anti Republican shirt Do it again anti Republican shirtDo it again anti Republican shirt Do it again anti Republican shirt
Do it again anti Republican shirt Do it again anti Republican shirt
exgf28
 
Trump Assassination Shirt Trump Assassination Shirt
Trump Assassination Shirt Trump Assassination ShirtTrump Assassination Shirt Trump Assassination Shirt
Trump Assassination Shirt Trump Assassination Shirt
exgf28
 

Recently uploaded (20)

Team Cymru Community Services,Overview of all public services
Team Cymru Community Services,Overview of all public servicesTeam Cymru Community Services,Overview of all public services
Team Cymru Community Services,Overview of all public services
 
Saint Louis University diploma
Saint Louis University diplomaSaint Louis University diploma
Saint Louis University diploma
 
Software Defined Networking, Concepts and Practical Implementations
Software Defined Networking, Concepts and Practical ImplementationsSoftware Defined Networking, Concepts and Practical Implementations
Software Defined Networking, Concepts and Practical Implementations
 
Digital ethnography of the Polish darknet drug trade community
Digital ethnography of the Polish darknet drug trade communityDigital ethnography of the Polish darknet drug trade community
Digital ethnography of the Polish darknet drug trade community
 
Ontology for the semantic enhancement, database definition and management and...
Ontology for the semantic enhancement, database definition and management and...Ontology for the semantic enhancement, database definition and management and...
Ontology for the semantic enhancement, database definition and management and...
 
Effective Tips for Creating the Best Rich Media Ads .pptx
Effective Tips for Creating the Best Rich Media Ads .pptxEffective Tips for Creating the Best Rich Media Ads .pptx
Effective Tips for Creating the Best Rich Media Ads .pptx
 
Best Skills to Learn for Freelancing.pdf
Best Skills to Learn for Freelancing.pdfBest Skills to Learn for Freelancing.pdf
Best Skills to Learn for Freelancing.pdf
 
My President is bulletproof t shirts hoodie
My President is bulletproof t shirts hoodieMy President is bulletproof t shirts hoodie
My President is bulletproof t shirts hoodie
 
Best CSS Animation Libraries for Web Developers
Best CSS Animation Libraries for Web DevelopersBest CSS Animation Libraries for Web Developers
Best CSS Animation Libraries for Web Developers
 
Maximizing Network Efficiency with Large Language Models (LLM)
Maximizing Network Efficiency with Large Language Models (LLM)Maximizing Network Efficiency with Large Language Models (LLM)
Maximizing Network Efficiency with Large Language Models (LLM)
 
Portugal Dreamin 24 - How to easily use an API with Flows
Portugal Dreamin 24  - How to easily use an API with FlowsPortugal Dreamin 24  - How to easily use an API with Flows
Portugal Dreamin 24 - How to easily use an API with Flows
 
DASH, presented by Elly Tawhai at PacNOG 33
DASH, presented by Elly Tawhai at PacNOG 33DASH, presented by Elly Tawhai at PacNOG 33
DASH, presented by Elly Tawhai at PacNOG 33
 
University of California, Riverside diploma
University of California, Riverside diplomaUniversity of California, Riverside diploma
University of California, Riverside diploma
 
Career Development Advice for Network Engineers across the Pacific, presented...
Career Development Advice for Network Engineers across the Pacific, presented...Career Development Advice for Network Engineers across the Pacific, presented...
Career Development Advice for Network Engineers across the Pacific, presented...
 
Week 1 - Pendidikan Pancasila - Gr 1.docx
Week 1 - Pendidikan Pancasila - Gr 1.docxWeek 1 - Pendidikan Pancasila - Gr 1.docx
Week 1 - Pendidikan Pancasila - Gr 1.docx
 
IPv6 Deployment Planning and Security Considerations
IPv6 Deployment Planning and Security ConsiderationsIPv6 Deployment Planning and Security Considerations
IPv6 Deployment Planning and Security Considerations
 
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdfTop 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
 
Geolocation and Geofeed Implementation bdNOG18
Geolocation and Geofeed Implementation bdNOG18Geolocation and Geofeed Implementation bdNOG18
Geolocation and Geofeed Implementation bdNOG18
 
Do it again anti Republican shirt Do it again anti Republican shirt
Do it again anti Republican shirt Do it again anti Republican shirtDo it again anti Republican shirt Do it again anti Republican shirt
Do it again anti Republican shirt Do it again anti Republican shirt
 
Trump Assassination Shirt Trump Assassination Shirt
Trump Assassination Shirt Trump Assassination ShirtTrump Assassination Shirt Trump Assassination Shirt
Trump Assassination Shirt Trump Assassination Shirt
 

Push it to the Edge

  • 3. Agenda What you can expect Hey Microsoft, why did you build another IE? Why get my sites ready for the Microsoft Edge? What do I need to do for that? What is the Chakra Engine? What else can I do with the ChakraCore? How can I test my applications on Microsoft Edge? What you won’t get Please use Microsoft Edge from now! Deep dive into Chakra, JavaScript or ECMAScript
  • 9. Windows Browser Roadmap 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 Internet Explorer 10 Internet Explorer 11 Internet Explorer 8 Internet Explorer 9 Internet Explorer 11 Internet Explorer 10 Internet Explorer 11 Microsoft Edge
  • 10. 3 41 2 5.5 65 7 84.x 99 10 11 Trident 1995 2015
  • 11. Quirks Strict HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 !DOCTYPE
  • 12. Quirks Strict HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 !DOCTYPE
  • 13. !DOCTYPE Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode HTML4, ES3, CSS2 CSS2.1
  • 14. HTML5, SVG, ES5 !DOCTYPE HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE9 Standards Mode
  • 15. HTML5, SVG, ES5, CSS3 !DOCTYPE HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode QME Quirks Mode Emulation IE9 Standards Mode IE10 Standards Mode
  • 16. HTML5, SVG, ES5, CSS3 !DOCTYPE HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE10 Standards Mode IE9 Standards Mode QME Quirks Mode Emulation EMIE Enterprise Mode IE11 Standards Mode Modern WebLegacy Web
  • 17. HTML5, SVG, ES5, CSS3HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE10 Standards Mode IE9 Standards Mode QME Quirks Mode Emulation EMIE Enterprise Mode IE11 Standards Mode Modern WebLegacy Web Incoming browser request Which browser? Webkit, Blink & Gecko codeMultiple IE code paths
  • 21. Always up-to-date Microsoft Edge is a Universal Windows App Automatic updates
  • 23. JetStream Browser Benchmark 0 50 100 150 200 250 300 Internet Explorer 11 Edge Chrome Canary Firefox Alpha
  • 26. Why get your sites ready for Microsoft Edge? With new engine built to be interoperable with modern standards Incoming browser request Which browser? Webkit, Blink & Gecko codeMultiple IE code paths Legacy standards Modern standards Incoming browser request EdgeHTML Webkit, Blink & Gecko code Today, multiple code paths need to be maintained
  • 27. User Agent Strings Safari Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.75.14 (KHTML, like Gecko) Version/7.0.3 Safari/7046A194A Chrome Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Microsoft Edge Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.246
  • 28. User Agent Strings Safari Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.75.14 (KHTML, like Gecko) Version/7.0.3 Safari/7046A194A Chrome Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Microsoft Edge Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.246
  • 30. Interoperability Features 4200+ Interoperability Fixes, Preserve-3d, Touch Events, CSS Filter Effects, DOM Clipboard Support, HTML Drag and Drop, Web Audio, CSS Position Sticky, CSS @supports, CSS Flexbox, HTML Beacon, WebDriver, IndexedDB, WebCrypto, Internationalization Mixed Languages Support, CSS Grid, CSS Variables, srcset, <picture> element, Web Workers Update, DOM4 Events, Font Loading, BDI, Cross- domain, HLS Manifest, Block Ellipsis, WAV, @rules, CSS Text(), CSS Border Logical, Logical Box Model, DOM Gamepad API, DOM FileSystem API, HTML <date> element, HTML <keygen> element, HTML <main> element, HTML <output> element, HTML <summary> element, HTML <detail> element, HTML <time> element, Native PDF, AppCache, SVG Hosting, Mutation Observers, HTML bidirectional, HTML Speech API, SVG animations, SVG transitions, SVG transforms, Canvas Path, Canvas Accessibility API, CSS Select Control, CSS Masking, CSS Clipping, Navigation Error Logging, CSS element(), CSS Shapes, ORTC, CSS Escape, Shared Workers, ES6 Modules, ES6 Promises, CSS Intrinsic & Extrinsic Sizing, Web Components, CSS Scoped Styles, HTTP 2.0, CSS Resize, WebGL, Canvas Blend Modes, CSS Interpolation, CSS Line Grid, CSS Line Box Contain, CSS Ruby, DOM Event Constructors, HTML <ol> Reverse, Server-Sent Events, Viewport APIs, Quota API, etc. http://dev.modern.ie/platform/status
  • 32. And what about Internet Explorer?
  • 33. Internet Explorer Internal engine switch enabled by CV lists, x-ua-compatible and meta tags For sites requiring ActiveX or BHO Compatibility Engine mshtml.dll IE5 Quirks IE7 Compat View IE8 Standards Mode IE9 Standards Mode IE10 Standards Mode QME Quirks Mode Emulation IE11 Standards Mode EMIE Enterprise Mode Silverlight Java Flash BHOs ActiveX BHO ActiveX
  • 35. Chakra JavaScript Engine Microsoft Edge Universal Windows Apps Server Side Applications Cloud Based Services NoSQL databases Game Engines Front-End tools Internet of Things
  • 36. ChakraCore goals Extremely good compliance with the standard Extremely fast Scalability on the server side Easy interaction with native code
  • 37. ChakraCore characteristics Leading ECMAScript 6 support ASM.js, SIMD, classes, Async functions, etc… Eliminates document modes Eliminates MS specific extensions Faster progress on interoperability and standards
  • 39. Testing for Microsoft Edge F12 Developer Tools Microsoft Edge Selenium WebDriver Support Microsoft Dev Essentials Virtual Machines Vorlon.js
  • 40. Call to actions Validate the new UA with your site Use remote.modern.ie to test the latest version of IE Do use feature detection Do not sniff UA Try ChakraCore Send us feedback

Editor's Notes

  1. Pre-installed default browser on every windows-10 device UWP: Windows PCs, Tablets, Phones, Xbox One, evt. HoloLens Automatic Updates: Chakra und EdgeHTML
  2. Start: all browsers had unique behaviors (not drawn to scale – meant to emphasize the point) Build: Purple overlay - First step was to remove IE specific behaviors once EdgeHTML was split from MSHTML Build: Green overlay - Second step was to add behaviors at the intersection of other modern browsers – these are especially important for the mobile web, but not exclusively.
  3. For example: Azure DocumentDB, Cortana, Outlook.com, TypeScript What makes Chakra different: Chakra -> Byte code that can be interpreted. Opt-out JIT. Small memory constrains (important for small sensor devices)
  4. ASM.js = subset of JS, closer to the hardware What makes Chakra different: Chakra -> Byte code that can be interpreted. Opt-out JIT. Small memory constrains (important for small sensor devices)