| basel visual studio 2013 and internet explorer 11 tips & tricks for developers sascha corti...

40
| Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland [email protected] | @techpreacher | techpreacher.corti.com

Upload: jeffery-mitchell

Post on 19-Jan-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

Visual Studio 2013 andInternet Explorer 11Tips & Tricks For DevelopersSascha CortiTechnical Evangelist, Microsoft [email protected] | @techpreacher | techpreacher.corti.com

Page 2: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Internet Explorer 11Modern Web App debuggingCompletely rewritten F12 Developer Tools and modern.IE testing

Team FoundationModern lifecycleContinuous delivery of value with agility, scale, and quality

Visual Studio 2013Modern developmentNext generation of applications for devices and services

Page 3: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

TFS FULL Team Room Agile Portfolio Management Enhanced Web-based Test Case Management Team Foundation

Server

Ultimate

CodeLens (Code Information Indicators)

Cloud-based Load Testing Memory Dump Analyzer IntelliTrace Performance Indicators

Mission-critical scale and complexity

Premium

Coded UI for Windows Store Apps

All other Microsoft servers dev/test rights including Cloud

Quality enabled team development

Professional

Windows 8.1, 8 / WP 8 development

Integrated web, client, services, LOB and Office development

Peek Definition SQL Server dev/test rights including Cloud

Development productivity everywhere

TestProfessional

Continuous

quality enablement SQL Server dev/test rights including Cloud

TFS CAL Agile planning TFVC / Git Source control Web code commenting

Team Foundation

Service

Page 4: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

The Connected IDE

Visual Studio 2013

Page 5: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

1st Choice:MSDN AccountTFS Online Account

2nd Choice:Any Microsoft Acocunt

Signing in is optional.

First Run Experience

Page 6: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Themes

Blue

Light

Page 7: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

High-DPIin Visual Studio 2012

Page 8: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

demoThe Connected IDE

Page 9: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

Developer Productivity

Visual Studio 2013

Page 10: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

demoDeveloper Productivity

Page 11: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Advanced Development EnvironmentUI ImprovementsCodeLens (Code Information Indicators)Scrollbar with Code PreviewPeek Definition (In-Code Reference Preview)Enhanced ScrollbarsImproved Icons and Colors

Team ExplorerSnap out Build & Pending ChangesImproved UX

CodeLens Requires TFS 2013for full Team Functionality

Page 12: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Get Involved Today

Your Feedback Matters!

UserVoicehttp://VisualStudio.uservoice.com

Connecthttp://connect.microsoft.com/VisualStudio

Send a Smile

Yes, we really listen!

Page 13: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

Windows 8.1 Development

Visual Studio 2013

Page 14: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Win

dow

s 8.1

Apps

in V

isual S

tudio

2013

Templates and ControlsNew redesigned Project Templates and Controls for both HTML/JavaScript & XAML Apps

Page 15: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Win

dow

s 8.1

Apps

in V

isual S

tudio

2013

Improved Designer for Win 8.1 AppsXAML and HTMLRules & Guides, Snap to TextData Panel: Sample Data Support Device Panel: More ResolutionsAdvanced XAML EditorData Binding, Template Binding and Resources IntelliSenseNavigation between Design and Code using Go to Definition & Find References

Complex CSS AnimationsTimeline in Windows Store HTML App Projects

Connected AppsUse Windows Azure Mobile Services to create Push Enabled and Cloud Data integrated Apps

Coded UI Test SupportFor Windows Store XAML Apps

Page 16: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

Performance & Diagnostics

Visual Studio 2013

Page 17: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Pillars of Performance

UI Responsiveness Analyzer.

CPU Sampling.Same as the experience shipped in Visual Studio 2012.

Energy Consumption Profiler.

Managed Memory Dump Analysis.Designed for Production Diagnostics Scenarios.

Fast.“Snappy” user interaction.Relation: app launch, navigating pages.

Fluid.“Smooth” user interaction.Relation: scrolling, panning, animation.

Efficient.System “citizenship”.Relation: battery life, memory usage

Page 18: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Performance & Diagnostic Tooling

New Performance and Diagnostic Hub All Diagnostics Tools across all Project Types UI Responsiveness Analyzer (HTML or

XAML apps) Energy Consumption Analyzer XAML UI Responsiveness Analyzer Managed Memory Dump Analysis

Added Testing FunctionsCoded Unit Testing for XAML AppsWindows Phone Unit Tests

Performance & Diagnostic HubOptimized for Windows Store apps.ASP.NET/WPF etc. get old Wizard.

Page 19: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

demoPerformance & Diagnostics

Page 20: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

Web development

Visual Studio 2013

Page 21: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

demoWeb development

Page 22: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

One

ASP.

NET

Page 23: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Bro

wse

r Li

nk

In-Browser Hover Tools

Control Connected Browsers

View Connected

Control Individual

Page 24: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

.NET 4.5.1

Page 25: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

What’s New in .NET 4.5.1

• 64-bit Edit and Continue

• Method Return Value Inspection

• Async Debugging Enhancements

• Windows Store development improvements

• EF/ADO.NET Connection Resiliency

Developer Productivity

Application Performance

• ASP.NET application suspension

• Multi-core JIT improvements

• On-demand large-object heap compaction

• Consistent performance before and after servicing the .NET Framework

Continuous Innovation

• .NET Framework updates

• NuGet releases

• Curated .NET Framework NuGet packages

.NET 4.5.1 delivers many new innovations while maintaining a high compatibility bar

Page 26: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

64-bit Edit and Continue is finally here!Number 9 all time requested feature on UserVoice!Works exactly the same as for 32-bit applicationsClient (WPF, WinForms, etc.), Store and ASP.NET WAP projects are supportedFor WAP projects, need to enable Edit & Continue in Project Properties

Page 27: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Method Return Value Inspection

Now available for .NET!Access via Autos Window Immediate Window ($ReturnValue)Can expand return value in the debugger

Page 28: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Async Debugging Improvements

Question: How did I get here?Supported for Store, Web & Desktop apps in W8.1Enhancements to the Call Stack and Tasks Window

Visual Studio 2012

Page 29: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

.NET Framework Feed

Enabled in Visual Studio 2013

In Visual Studio 20[10, 12]Tools Options Package ManagerName: .NET Framework PackagesSource: https://nuget.org/api/v2/curated-feeds/dotnetframework/

Page 30: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

demo.NET 4.5.1

Page 31: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

Remote Tools

Visual Studio 2013

Page 32: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Remote Debugging on ARMRemote Tools for ARM

Page 33: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Windows App Cert Kit on ARMWACK for Windows RTARM

KitsPolicy

C:\Program Files (x86)\Windows Kits\8.1\ bin\arm\SecureBoot

InstallKitsPolicy.cmdDeleteKitsPolicy.cmd

Admin PowerShell> Get-SecureBootPolicy returns 639F31B2-D82F-4C0B-9FCC-6F51DB62377A if installed.

BIOS

Page 34: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Windows App Cert Kit on ARM

Page 35: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

| Basel

The New F12Developer Tools

Internet Explorer 11

Page 36: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

Internet Explorer 11 F12 Developer Tools

DOM Explorer

Right-Click Inspect

Editable Live DOM

Breadcrumb Bar

Events

Style Inspection

CSS Intellisense

@media Rules

Computed Styles

Emulation

UA Strings

Streamlined Doc Modes

GPS Emulation

Debugger

No Refresh Debugging

Run-to-Cursor

Web Worker Debugging (async)

Instrumen-tation

Expanded Logging

Profiling

Snapshots

Console works in every Tab

Page 37: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

http://modern.IE

Page 38: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

demoInternet Explorer 11 – F12 Developer Tools

Page 39: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

For More Information.NET – Learn .NET, whitepapershttp://www.microsoft.com/net/

Visual Studio – Download Visual Studio 2013http://www.microsoft.com/visualstudio

Visual Studio Bloghttp://blogs.msdn.com/b/visualstudio/

Visual Studio Toolbox on Channel 9http://channel9.msdn.com/Shows/Visual-Studio-Toolbox

Somasegar’s bloghttp://blogs.msdn.com/b/somasegar/

Team Foundation Service – Free for 5 users or MSDN Subscribershttp://tfs.visualstudio.com

Build 2013 – Videos on Demandhttp://channel9.msdn.com/Events/Build

I

Page 40: | Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland sascha.corti@microsoft.com

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a

commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a

commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.