Merge branch 'master' of https://github.com/Microsoft/ALMVM

labs/tfs/devexp/readme.md

@@ -8,15 +8,15 @@ folder: /labs/tfs/devexp/
 
 Lab version:15.0.26228.0
 
-Last updated:3/3/2017
+Last updated:3/7/2017
 
 ## Overview ##
 
-Visual Studio 2017 introduces a wealth of features and enhancements designed to significantly improve the productivity of developers. Many of these improvements focus on saving time and effort on everyday tasks, such as code navigation, IntelliSense, refactoring, code fixes, and debugging. In this lab, we’ll take a quick tour of some of the many benefits.
+Visual Studio 2017 introduces a wealth of features and enhancements designed to significantly improve the productivity of developers. Many of these improvements focus on saving time and effort on everyday tasks, such as code navigation, IntelliSense, refactoring, code fixes, and debugging. In this lab, we'll take a quick tour of some of the many benefits.
 
 There are also a wealth of new features and enhancements in Visual Studio 2017 covered in other labs. Be sure to check out hands-on labs on topics such as Azure, Git, EditorConfig, Live Unit Testing, Live Architecture Dependency Validation, and more. In addition, there has been a significant investment in performance throughout the IDE, ranging from [faster startup times](https://blogs.msdn.microsoft.com/visualstudio/2016/10/10/faster-visual-studio-15-startup/) and [lightweight solution load](https://blogs.msdn.microsoft.com/visualstudio/2016/10/11/shorter-solution-load-time-in-visual-studio-15/) to [improved performance in everyday features](https://blogs.msdn.microsoft.com/visualstudio/2016/10/05/announcing-visual-studio-15-preview-5/).
 
-For a more exhaustive list of what’s new in Visual Studio 2017, please check out the [release notes](https://www.visualstudio.com/en-us/news/releasenotes/vs2017-relnotes).
+For a more exhaustive list of what's new in Visual Studio 2017, please check out the [release notes](https://www.visualstudio.com/en-us/news/releasenotes/vs2017-relnotes).
 
 ## Pre-requisites ##
 
@@ -38,7 +38,7 @@ In order to complete this lab you will need the Visual Studio 2017 virtual machi
 
    ![](images/001.png)
 
-1. After accepting the terms, the installer may offer to update Visual Studio. Click **Cancel** to skip this. While updates are now really fast, they’re not the focus of this lab.
+1. After accepting the terms, the installer may offer to update Visual Studio. Click **Cancel** to skip this. While updates are now really fast, they're not the focus of this lab.
 
    ![](images/002.png)
 
@@ -50,7 +50,7 @@ In order to complete this lab you will need the Visual Studio 2017 virtual machi
 
    ![](images/004.png)
 
-1. However, let’s say that your role has changed and you’re now also working on Universal Windows Platform apps. Click that workload and Visual Studio will calculate what needs to be set up (along with offering optional components).
+1. However, let's say that your role has changed and you're now also working on Universal Windows Platform apps. Click that workload and Visual Studio will calculate what needs to be set up (along with offering optional components).
 
    ![](images/005.png)
 
@@ -72,27 +72,27 @@ In order to complete this lab you will need the Visual Studio 2017 virtual machi
 
    ![](images/008.png)
 
-1. **Go To All** consolidates the search experience across project assets and offers easy filtering. Type **“home”** and select different results from the list. Each will open in the temporary editor slot so that you can preview the file contents.
+1. **Go To All** consolidates the search experience across project assets and offers easy filtering. Type **"home"** and select different results from the list. Each will open in the temporary editor slot so that you can preview the file contents.
 
    ![](images/009.png)
 
-1. Select the **Types** filter. This adds a “t” to the front of the query, indicating that you want to filter by types. You can also manually type that filter yourself in the future to save time. Click **HomeController** and press **Enter** to open it in a permanent slot.
+1. Select the **Types** filter. This adds a "t" to the front of the query, indicating that you want to filter by types. You can also manually type that filter yourself in the future to save time. Click **HomeController** and press **Enter** to open it in a permanent slot.
 
    ![](images/010.png)
 
-1. Press **Ctrl+T** to reopen **Go To All**. Type **“:”** (a colon) to filter the query to **Go To Line**. Note that there is a tip provided to let you know what input is valid here, such as 1-127 due to the number of lines in the file.
+1. Press **Ctrl+T** to reopen **Go To All**. Type **":"** (a colon) to filter the query to **Go To Line**. Note that there is a tip provided to let you know what input is valid here, such as 1-127 due to the number of lines in the file.
 
    ![](images/011.png)
 
-1. Finish the search by completing **“: 33”** and clicking the line result provided.
+1. Finish the search by completing **": 33"** and clicking the line result provided.
 
    ![](images/012.png)
 
-1. Make a new line in the source at line **33** and type **“th”**. As expected, **IntelliSense** will jump in with a set of suggestions. In addition, IntelliSense also provides a set of filters at the bottom so that you can zero in on types, properties, etc. It’s also more intuitive about parameters and will default to the option it thinks is best when possible. Plus, IntelliSense supports **dozens** of programming languages out of the box.
+1. Make a new line in the source at line **33** and type **"th"**. As expected, **IntelliSense** will jump in with a set of suggestions. IntelliSense now makes exploring a new API faster by allowing you to narrow down the set of values by category using the **filters** at the bottom of the window. This means that if it's a variable you need, you don't need to wade through lots of types to get to it. It's also more intuitive about parameters and will default to the option it thinks is best when possible. Plus, IntelliSense supports **dozens** of programming languages out of the box.
 
    ![](images/013.png)
 
-1. Complete typing **“this.GT”**. IntelliSense also recognizes capital letters as shorthand and will refine results based on the available options that fit the typed pattern. In this case there are two valid options for “this” that have capital **G** followed by a capital **T** later in their name. Select **GetTopSellingProducts** to complete the code.
+1. Complete typing **"this.GT"**. IntelliSense also recognizes capital letters as shorthand and will refine results based on the available options that fit the typed pattern. In this case there are two valid options for "this" that have capital **G** followed by a capital **T** later in their name, which it highlights in the autocomplete suggestions. Select **GetTopSellingProducts** to complete the code.
 
    ![](images/014.png)
 
@@ -100,25 +100,55 @@ In order to complete this lab you will need the Visual Studio 2017 virtual machi
 
    ![](images/015.png)
 
-1. The results window is now much more modern with grouping and color. Hovering over the code of one of the results even provides a peek preview.
+1. The results window is now much more modern with grouping and color. You can change the way references are grouped, as well as use the **Keep Results** button to have multiple **Find All References** result set panels.
 
    ![](images/016.png)
 
-1. Remove the partial line of code you just added in the previous steps.
+1. Hovering over the code of one of the results even provides a peek preview so that you understand the context of the reference without having to open it.
+
+   ![](images/017.png)
+
+1. Remove the partial line of code (**"this.GetTopSellingProducts"**) you just added in the previous steps.
+
+1. Notice the **indent guides** (dashed vertical lines) to the left of the code within the editor. These lines connect indent points to make it easier to track the structure of your code. Mouse over one of the lines to see a tooltip showing the indent structure the code is scoped to.
+
+   ![](images/018.png)
 
 1. Set a breakpoint at the instantiation of **newProducts** (around line **33**) by clicking the grey bar to its left.
 
-   ![](images/017.png)
+   ![](images/019.png)
 
 1. Press **F5** to launch the site in debug mode. Wait until the breakpoint hits.
 
 1. One of the nifty new features in the debugging experience is the ability to **Run to Click**. Hover next to the line of code at line 40 and click the **Run to Click** button that appears. The debugger will now execute until it hits that line.
 
-   ![](images/018.png)
+   ![](images/020.png)
 
 1. After the step, a **PerfTip** will appear next to the current line indicating how long it took to execute to get here. While this number is probably pretty low for this scenario, it might be much larger in others. If you click the **PerfTip**, it will bring you directly to the **Diagnostic Tools** so that you can start reviewing.
 
-    ![](images/019.png)
+    ![](images/021.png)
 
-    ![](images/020.png)
+<a name="![](images/022.png)"></a>
+### ![](images/022.png) ###
+
+<a name="Ex1Task3"></a>
+### Task 3: Using the new Exception Helper ###
+
+1. Press **Alt+Ctrl+E** to bring up the **Exception Settings** panel.
+
+1. Check the **Common Language Runtime Exceptions** box to check all the child exceptions. This will ensure that Visual Studio breaks when any of them are encountered.
+
+   ![](images/023.png)
+
+1. Press **F5** to continue running the application.
+
+1. In **Internet Explorer**, search for **"jumper leads"**. This is a built-in error that will throw an exception.
+
+   ![](images/024.png)
+
+1. When the exception is encountered, the new **Exception Helper** will cut right to the heart of the issue. It provides easy access to exception settings relevant for this exception, such as whether or not to break when it's encountered. In addition, you can specify whether to exclude exceptions thrown from the current offending module. If the exception you break on has any inner exceptions, you can immediately see their details in the Exception Helper and use the arrows to navigate through the tree of inner exceptions.
+
+   ![](images/025.png)
+
+1. Select **Debug | Stop Debugging** from the main menu to end the debug session.