Updating webapp with v4 SDK sample

Author: SnehaGunda

articles/cosmos-db/sql-api-java-application.md

@@ -6,7 +6,7 @@ ms.service: cosmos-db
 ms.subservice: cosmosdb-sql
 ms.devlang: java
 ms.topic: tutorial
-ms.date: 11/05/2019
+ms.date: 05/12/2020
 ms.author: anfeldma
 
 ---
@@ -31,10 +31,10 @@ This Java application tutorial shows you how to create a web-based task-manageme
 
 > [!TIP]
 > This application development tutorial assumes that you have prior experience using Java. If you are new to Java or the [prerequisite tools](#Prerequisites), we recommend downloading the complete [todo](https://github.com/Azure-Samples/documentdb-java-todo-app) project from GitHub and building it using [the instructions at the end of this article](#GetProject). Once you have it built, you can review the article to gain insight on the code in the context of the project.  
-> 
-> 
+>
 
 ## <a id="Prerequisites"></a>Prerequisites for this Java web application tutorial
+
 Before you begin this application development tutorial, you must have the following:
 
 * If you don't have an Azure subscription, create a [free account](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) before you begin. 
@@ -47,36 +47,48 @@ Before you begin this application development tutorial, you must have the follow
 
 If you're installing these tools for the first time, coreservlets.com provides a walk-through of the installation process in the quickstart section of their [Tutorial: Installing TomCat7 and Using it with Eclipse](http://www.coreservlets.com/Apache-Tomcat-Tutorial/tomcat-7-with-eclipse.html) article.
 
-## <a id="CreateDB"></a>Step 1: Create an Azure Cosmos DB account
+## <a id="CreateDB"></a>Create an Azure Cosmos DB account
+
 Let's start by creating an Azure Cosmos DB account. If you already have an account or if you are using the Azure Cosmos DB Emulator for this tutorial, you can skip to [Step 2: Create the Java JSP application](#CreateJSP).
 
 [!INCLUDE [create-dbaccount](../../includes/cosmos-db-create-dbaccount.md)]
 
 [!INCLUDE [keys](../../includes/cosmos-db-keys.md)]
 
-## <a id="CreateJSP"></a>Step 2: Create the Java JSP application
+## <a id="CreateJSP"></a>Create the Java JSP application
+
 To create the JSP application:
 
 1. First, we'll start off by creating a Java project. Start Eclipse, then click **File**, click **New**, and then click **Dynamic Web Project**. If you don't see **Dynamic Web Project** listed as an available project, do the following: click **File**, click **New**, click **Project**…, expand **Web**, click **Dynamic Web Project**, and click **Next**.
 
     ![JSP Java Application Development](./media/sql-api-java-application/image10.png)
-2. Enter a project name in the **Project name** box, and in the **Target Runtime** drop-down menu, optionally select a value (e.g. Apache Tomcat v7.0), and then click **Finish**. Selecting a target runtime enables you to run your project locally through Eclipse.
-3. In Eclipse, in the Project Explorer view, expand your project. Right-click **WebContent**, click **New**, and then click **JSP File**.
-4. In the **New JSP File** dialog box, name the file **index.jsp**. Keep the parent folder as **WebContent**, as shown in the following illustration, and then click **Next**.
+
+1. Enter a project name in the **Project name** box, and in the **Target Runtime** drop-down menu, optionally select a value (e.g. Apache Tomcat v7.0), and then click **Finish**. Selecting a target runtime enables you to run your project locally through Eclipse.
+
+1. In Eclipse, in the Project Explorer view, expand your project. Right-click **WebContent**, click **New**, and then click **JSP File**.
+
+1. In the **New JSP File** dialog box, name the file **index.jsp**. Keep the parent folder as **WebContent**, as shown in the following illustration, and then click **Next**.
 
     ![Make a New JSP File - Java Web Application Tutorial](./media/sql-api-java-application/image11.png)
-5. In the **Select JSP Template** dialog box, for the purpose of this tutorial select **New JSP File (html)**, and then click **Finish**.
-6. When the index.jsp file opens in Eclipse, add text to display **Hello World!** within the existing `<body>` element. The updated `<body>` content should look like the following code:
-   
-        <body>
-            <% out.println("Hello World!"); %>
-        </body>
-7. Save the index.jsp file.
-8. If you set a target runtime in step 2, you can click **Project** and then **Run** to run your JSP application locally:
-   
-    ![Hello World – Java Application Tutorial](./media/sql-api-java-application/image12.png)
 
-## <a id="InstallSDK"></a>Step 3: Install the SQL Java SDK
+1. In the **Select JSP Template** dialog box, for the purpose of this tutorial select **New JSP File (html)**, and then click **Finish**.
+
+1. When the index.jsp file opens in Eclipse, add text to display **Hello World!** within the existing `<body>` element. The updated `<body>` content should look like the following code:
+
+   ```html
+   <body>
+     <% out.println("Hello World!"); %>
+   </body>
+   ```
+
+1. Save the index.jsp file.
+
+1. If you set a target runtime in step 2, you can click **Project** and then **Run** to run your JSP application locally:
+
+  ![Hello World – Java Application Tutorial](./media/sql-api-java-application/image12.png)
+
+## <a id="InstallSDK"></a>Install the SQL Java SDK
+
 The easiest way to pull in the SQL Java SDK and its dependencies is through [Apache Maven](https://maven.apache.org/).
 
 To do this, you will need to convert your project to a maven project by completing the following steps:
@@ -104,7 +116,8 @@ To do this, you will need to convert your project to a maven project by completi
 6. Click **OK** and Maven will install the SQL Java SDK.
 7. Save the pom.xml file.
 
-## <a id="UseService"></a>Step 4: Using the Azure Cosmos DB service in a Java application
+## <a id="UseService"></a>Using the Azure Cosmos DB service in a Java application
+
 1. First, let's define the TodoItem object in TodoItem.java:
 
         @Data
@@ -338,7 +351,7 @@ To do this, you will need to convert your project to a maven project by completi
             return true;
         }
 
-## <a id="Wire"></a>Step 5: Wiring the rest of the of Java application development project together
+## <a id="Wire"></a>Wiring the rest of the of Java application development project together
 Now that we've finished the fun bits - all that's left is to build a quick user interface and wire it up to our DAO.
 
 1. First, let's start with building a controller to call our DAO:
@@ -710,7 +723,7 @@ Now that we've finished the fun bits - all that's left is to build a quick user
 5. Awesome! Now all that's left is to test the application. Run the application locally, and add some Todo items by filling in the item name and category and clicking **Add Task**.
 6. Once the item appears, you can update whether it's complete by toggling the checkbox and clicking **Update Tasks**.
 
-## <a id="Deploy"></a>Step 6: Deploy your Java application to Azure Web Sites
+## <a id="Deploy"></a>Deploy your Java application to Azure Web Sites
 Azure Web Sites makes deploying Java applications as simple as exporting your application as a WAR file and either uploading it via source control (e.g. Git) or FTP.
 
 1. To export your application as a WAR file, right-click on your project in **Project Explorer**, click **Export**, and then click **WAR File**.
@@ -750,3 +763,4 @@ All the samples in this tutorial are included in the [todo](https://github.com/A
 21. In a browser, navigate to `http://localhost:8080/azure-documentdb-java-sample/` and start adding to your task list. Note that if you changed your default port values, change 8080 to the value you selected.
 22. To deploy your project to an Azure web site, see [Step 6. Deploy your application to Azure Web Sites](#Deploy).
 
+## Next steps