Merge pull request #109256 from dksimpson/DKS-1697055-1

Functions update for portal UX refresh - batch 1

Author: megvanhuygen

articles/azure-functions/functions-create-first-azure-function.md

@@ -3,7 +3,7 @@ title: Create your first function in the Azure portal
 description: Learn how to create your first Azure Function for serverless execution using the Azure portal.
 ms.assetid: 96cf87b9-8db6-41a8-863a-abb828e3d06d
 ms.topic: quickstart
-ms.date: 03/06/2020
+ms.date: 03/26/2020
 ms.custom: mvc, devcenter, cc996988-fb4f-47
 ---
 
@@ -29,35 +29,37 @@ Next, create a function in the new function app.
 
 ## <a name="create-function"></a>Create an HTTP triggered function
 
-1. Expand your new function app, select the **+** button next to **Functions**, choose **In-portal**, and then select **Continue**.
+1. From the left menu of the **Functions** window, select **Functions**, then select **Add** from the top menu. 
+ 
+1. From the **New Function** window, select **Http trigger**.
 
-    ![Functions quickstart for choosing a platform.](./media/functions-create-first-azure-function/function-app-quickstart-choose-portal.png)
+    ![Choose HTTP trigger function](./media/functions-create-first-azure-function/function-app-select-http-trigger.png)
 
-1. Choose **WebHook + API**, and then select **Create**.
+1. In the **New Function** window, accept the default name for **New Function**, or enter a new name. 
 
-    ![Functions quickstart in the Azure portal.](./media/functions-create-first-azure-function/function-app-quickstart-node-webhook.png)
+1. Choose **Anonymous** from the **Authorization level** drop-down list, and then select **Create Function**.
 
-   A function is created using a language-specific template for an HTTP triggered function.
-
-Now, you can run the new function by sending an HTTP request.
+    Azure creates the HTTP trigger function. Now, you can run the new function by sending an HTTP request.
 
 ## Test the function
 
-1. In your new function, select **</> Get function URL** at the top right. 
+1. In your new HTTP trigger function, select **Code + Test** from the left menu, then select **Get function URL** from the top menu.
+
+    ![Select Get function URL](./media/functions-create-first-azure-function/function-app-select-get-function-url.png)
 
-1. In the **Get function URL** dialog box, select **default (Function key)** from the drop-down list, and then select **Copy**. 
+1. In the **Get function URL** dialog box, select **default** from the drop-down list, and then select the **Copy to clipboard** icon. 
 
     ![Copy the function URL from the Azure portal](./media/functions-create-first-azure-function/function-app-develop-tab-testing.png)
 
-1. Paste the function URL into your browser's address bar. Add the query string value `&name=<your_name>` to the end of this URL and press Enter to run the request. 
+1. Paste the function URL into your browser's address bar. Add the query string value `?name=<your_name>` to the end of this URL and press Enter to run the request. 
 
     The following example shows the response in the browser:
 
     ![Function response in the browser.](./media/functions-create-first-azure-function/function-app-browser-testing.png)
 
     The request URL includes a key that is required, by default, to access your function over HTTP.
 
-1. When your function runs, trace information is written to the logs. To see the trace output from the previous execution, return to your function in the portal and select the arrow at the bottom of the screen to expand the **Logs**.
+1. When your function runs, trace information is written to the logs. To see the trace output, return to the **Code + Test** page in the portal and expand the **Logs** arrow at the bottom of the page.
 
    ![Functions log viewer in the Azure portal.](./media/functions-create-first-azure-function/function-view-logs.png)
 

articles/azure-functions/functions-create-your-first-function-visual-studio.md

@@ -1,6 +1,6 @@
 ---
 title: "Quickstart: Create your first function in Azure using Visual Studio"
-description: In this quickstart, you learn how to create and publish an HTTP-triggered Azure Function by using Visual Studio.
+description: In this quickstart, you learn how to create and publish an HTTP trigger Azure Function by using Visual Studio.
 ms.assetid: 82db1177-2295-4e39-bd42-763f6082e796
 ms.topic: quickstart
 ms.date: 03/06/2020
@@ -10,7 +10,7 @@ ms.custom: mvc, devcenter, vs-azure, 23113853-34f2-4f
 
 Azure Functions lets you run your code in a serverless environment without having to first create a VM or publish a web application.
 
-In this quickstart, you learn how to use Visual Studio 2019 to locally create and test a "hello world" HTTP-triggered C# function app, which you then publish to Azure. 
+In this quickstart, you learn how to use Visual Studio 2019 to locally create and test a "hello world" HTTP trigger C# function app, which you then publish to Azure. 
 
 ![Function localhost response in the browser](./media/functions-create-your-first-function-visual-studio/functions-create-your-first-function-visual-studio-browser-local-final.png)
 
@@ -32,7 +32,7 @@ Visual Studio creates a project and class that contains boilerplate code for the
 
 Expand the capabilities of your function with input and output bindings by applying the appropriate attributes to the method. For more information, see the [Triggers and bindings](functions-dotnet-class-library.md#triggers-and-bindings) section of the [Azure Functions C# developer reference](functions-dotnet-class-library.md).
 
-Now that you've created your function project and an HTTP-triggered function, you can test it on your local computer.
+Now that you've created your function project and an HTTP trigger function, you can test it on your local computer.
 
 ## Run the function locally
 
@@ -52,7 +52,7 @@ Before you can publish your project, you must have a function app in your Azure
 
 1. Copy the base URL of the function app from the **Publish** profile page. Replace the `localhost:port` portion of the URL you used to test the function locally with the new base URL. Append the query string `?name=<YOUR_NAME>` to this URL and run the request.
 
-    The URL that calls your HTTP triggered function is in the following format:
+    The URL that calls your HTTP trigger function is in the following format:
 
     `http://<APP_NAME>.azurewebsites.net/api/<FUNCTION_NAME>?name=<YOUR_NAME>`
 
@@ -66,7 +66,7 @@ Before you can publish your project, you must have a function app in your Azure
 
 ## Next steps
 
-In this quickstart, you used Visual Studio to create and publish a C# function app in Azure with a simple HTTP triggered function. 
+In this quickstart, you used Visual Studio to create and publish a C# function app in Azure with a simple HTTP trigger function. 
 
 Advance to the next article to learn how to add an Azure Storage queue binding to your function:
 > [!div class="nextstepaction"]

articles/azure-functions/media/functions-create-first-azure-function/function-app-develop-tab-testing.png

@@ -5,20 +5,20 @@ services: functions
 author: ggailey777
 ms.service: azure-functions
 ms.topic: include
-ms.date: 03/06/2020
+ms.date: 03/26/2020
 ms.author: glenga
 ms.custom: include file
 ---
 
 The Azure Functions project template in Visual Studio creates a project that you can publish to a function app in Azure. You can use a function app to group functions as a logical unit for easier management, deployment, scaling, and sharing of resources.
 
-1. In Visual Studio, on the **File** menu, select **New** > **Project**.
+1. From the Visual Studio menu, select **File** > **New** > **Project**.
 
-1. In **Create a new project**, enter *functions* in the search box, and then choose the **Azure Functions** template.
+1. In **Create a new project**, enter *functions* in the search box, choose the **Azure Functions** template, and then select **Next**.
 
 1. In **Configure your new project**, enter a **Project name** for your project, and then select **Create**. The function app name must be valid as a C# namespace, so don't use underscores, hyphens, or any other nonalphanumeric characters.
 
-1. For the **New Project - <your project name>** settings, use the values in the following table:
+1. For the **Create a new Azure Function Application** settings, use the values in the following table:
 
     | Setting      | Value  | Description                      |
     | ------------ |  ------- |----------------------------------------- |
@@ -33,4 +33,4 @@ The Azure Functions project template in Visual Studio creates a project that you
 
     Make sure you set the **Access rights** to **Anonymous**. If you choose the default level of **Function**, you're required to present the [function key](../articles/azure-functions/functions-bindings-http-webhook-trigger.md#authorization-keys) in requests to access your function endpoint.
 
-1. Select **OK** to create the function project and HTTP-triggered function.
+1. Select **Create** to create the function project and HTTP trigger function.

articles/azure-functions/media/functions-create-first-azure-function/function-app-http-trigger-settings.png

@@ -16,23 +16,24 @@ ms.custom: include file
 
     | Option      | Description                                |
     | ------------ |  -------------------------------------------------- |
-    | **Azure Function App** | Create a function app in an Azure cloud environment. | 
-    | **Create new** | A new function app, with related resources, is created in Azure. <br/>If you choose **Select Existing**, all files in the existing function app in Azure are overwritten by files from the local project. Use this option only when you republish updates to an existing function app. |
+    | **Azure Functions Consumption Plan** | Create a function app in an Azure cloud environment that runs in a [Consumption plan](../articles/azure-functions/functions-scale.md#consumption-plan). When you use a Consumption plan, you pay only for executions of your functions app. Other hosting plans incur higher costs. If you run in a plan other than a Consumption plan, you must manage the [scaling of your function app](../articles/azure-functions/functions-scale.md).| 
+    | **Create New** | A new function app, with related resources, is created in Azure. <br/>If you choose **Select Existing**, all files in the existing function app in Azure are overwritten by files from the local project. Use this option only when you republish updates to an existing function app. |
     | **Run from package file** | Your function app is deployed using [Zip Deploy](../articles/azure-functions/functions-deployment-technologies.md#zip-deploy) with [Run-From-Package](../articles/azure-functions/run-functions-from-deployment-package.md) mode enabled. This deployment, which results in better performance, is the recommended way of running your functions. <br/>If you don't use this option, make sure to stop your function app project from running locally before you publish to Azure. |
 
     ![Pick a publish target](./media/functions-vstools-publish/functions-visual-studio-publish-profile.png)
 
 
-3. Select **Publish**. If you haven't already signed-in to your Azure account from Visual Studio, select **Sign-in**. You can also create a free Azure account.
+3. Select **Create Profile**. If you haven't already signed-in to your Azure account from Visual Studio, select **Sign-in**. You can also create a free Azure account.
 
-4. In **Azure App Service: Create new**, use the values specified in the following table:
+4. In **App Service: Create new**, use the values specified in the following table:
 
     | Setting      | Value  | Description                                |
     | ------------ |  ------- | -------------------------------------------------- |
     | **Name** | Globally unique name | Name that uniquely identifies your new function app. Accept this name or enter a new name. Valid characters are: `a-z`, `0-9`, and `-`. |
     | **Subscription** | Your subscription | The Azure subscription to use. Accept this subscription or select a new one from the drop-down list. |
-    | **[Resource Group](../articles/azure-resource-manager/management/overview.md)** | Name of your resource group |  The resource group in which to create your function app. Select an existing resource group from the drop-down list or choose **New** to create a new resource group.|
-    | **[Hosting Plan](../articles/azure-functions/functions-scale.md)** | Name of your hosting plan | Select **New** to configure a serverless plan. Make sure to choose the **Consumption** under **Size**. When you publish your project to a function app that runs in a [Consumption plan](../articles/azure-functions/functions-scale.md#consumption-plan), you pay only for executions of your functions app. Other hosting plans incur higher costs. If you run in a plan other than **Consumption**, you must manage the [scaling of your function app](../articles/azure-functions/functions-scale.md). Choose a **Location** in a [region](https://azure.microsoft.com/regions/) near you or other services your functions access.  |
+    | **[Resource group](../articles/azure-resource-manager/management/overview.md)** | Name of your resource group |  The resource group in which to create your function app. Select an existing resource group from the drop-down list or choose **New** to create a new resource group.|
+    | **[Hosting Plan](../articles/azure-functions/functions-scale.md)** | Name of your hosting plan | Select **New** to configure a serverless plan. Make sure to choose the **Consumption** under **Size**. When you publish your project to a function app that runs in a [Consumption plan](../articles/azure-functions/functions-scale.md#consumption-plan), you pay only for executions of your functions app. Other hosting plans incur higher costs. If you run in a plan other than **Consumption**, you must manage the [scaling of your function app](../articles/azure-functions/functions-scale.md).  |
+    | **Location** | Location of the app service | Choose a **Location** in a [region](https://azure.microsoft.com/regions/) near you or other services your functions access. |
     | **[Azure Storage](../articles/storage/common/storage-account-create.md)** | General-purpose storage account | An Azure Storage account is required by the Functions runtime. Select **New** to configure a general-purpose storage account. You can also choose an existing account that meets the [storage account requirements](../articles/azure-functions/functions-scale.md#storage-account-requirements).  |
 
     ![Create App Service dialog](./media/functions-vstools-publish/functions-visual-studio-publish.png)