What’s New in Visual Studio Keith Lopez Senior SharePoint Developer Email: klopez@icct.com Blog: sharepointkeith.wordpress.com Twitter: @keithlopez80 LinkedIn: linkedin.com/pub/keith-lopez/12/684/621

About Me Husband, Father, Technologist (aka Geek) VB6, Classic ASP, ASP.NET, SharePoint 2003 Admin, SP2007 dev (WSPBuilder, Manifest.ddf), SP2010 dev Attend local SharePoint events. Love the Buckeyes © 2013, Information Control Company

Agenda Editions of Visual Studio New IDE Features New in HTML5, CSS3, ASP.NET Code Editor Improvements Debugging features Q&A © 2013, Information Control Company

Compare editions http://www.microsoft.com/visualstudio/eng/products/compare © 2013, Information Control Company

Express Products © 2013, Information Control Company

IDE Enhancements Sign In (stores your settings in the cloud) Feedback Notification Center Options Dialog © 2013, Information Control Company

Code Editor Comment/Uncomment Icons HTML5 CSS Browser Link Dashboard Snippets: html5, audio, video (press tab). Inline CSS color editor, eye dropper. & (e.g. © for copyright) CSS transform (press tab). transform: rotate(45deg); transition: transform .5s; @media (press tab tab) @font-face (press tab tab) Browser Link Dashboard Page Inspector Enhanced Scroll Bar has 2 modes - Bar Mode & Map Mode In bar mode, you can view annotations such as your caret position, change your location & track errors more directly. In map mode, the scroll bar shows a live preview of source code as well as ability to hover over code to preview it in more detail. © 2013, Information Control Company

CodeLens Decorator or Header above classes and properties showing information like References Indicator Tested By Indicator Test Status Indicator TFS Indicators Only available in VS Ultimate Edition. © 2013, Information Control Company

CodeLens Indicators References Indicator Tested By Indicator Displays number of times the class, method or property is referenced in the code. Tested By Indicator Displays number of automated code tests that call the member. And the number of tests that have recently passed. Test Status Indicator Status of the test – Passed, Failed or Not yet Run. © 2013, Information Control Company

CodeLens Indicators TFS Indicators Edit history of the method or property Authors Changes Bugs Work Items Reviews © 2013, Information Control Company

Peek Definition Add on to “Go To Definition”. Clicking on “Go to Definition” jumps the focus to another method and we can loose focus of what we were trying to do. “Peek Definition” opens the method code in an inline window in the same code file. © 2013, Information Control Company

Code Map Allows you to see the flow of your code. You can select any method and view all the calls to that method. Code Map is a design surface to view all your methods. Only available in VS Ultimate Edition. © 2013, Information Control Company

Tabs and Windows © 2013, Information Control Company

Extensions Add additional features or enhancements to Visual Studio Visual Studio Gallery © 2013, Information Control Company

Build Configuration © 2013, Information Control Company

More info VS2013 Highlights What’s New in VS2013 ASP.NET features in New Project Templates in Visual Studio 2013 Scott Hanselman blog Article – What’s new and noteworhy in VS2013 © 2013, Information Control Company

Q&A © 2013, Information Control Company