A Practical Guide for Beginners: Azure OpenAI with JavaScript and TypeScript (Part 02)
Tags: javascript, azureopenai, webdev, beginners
Published: 2023-10-27 23:55:58

---
title: A Practical Guide for Beginners: Azure OpenAI with JavaScript and TypeScript (Part 02)
published: true
description: In this series of three articles, you will learn how to take the first steps in using Azure OpenAI Service with JavaScript and TypeScript!
A Practical Guide for Beginners: Azure OpenAI with JavaScript and TypeScript
tags: #javascript #azureopenai #webdev #beginners
series: A Practical Guide for Beginners - Azure OpenAI with JavaScript and TypeScript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1rir2q7qvxijv5hri4p9.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-10-27 23:20 +0000
---

## Introduction

In the second part of the _Practical Guide for Beginners: Azure OpenAI with JavaScript and TypeScript_, we will delve into deploying a model in Azure OpenAI Studio. In the previous article, you learned how to create an Azure OpenAI Service resource. Now, let's understand the process, which includes selecting the desired model, configuring the model version, and assigning a name to the deployment.

## Deploying a Model

Before you start using Azure OpenAI Service, you need to deploy a model. To do this, follow the steps below:

- ✅ **Step 01:** Within the newly created resource, go to **Model deployments** and click the **Manage Deployments** button.

[![azure-openai-07.png](https://i.postimg.cc/HnGKB50W/azure-openai-07.png)](https://postimg.cc/xJRtdXFB)

- ✅ **Step 02:** After clicking this button, you will be redirected to the **[Azure OpenAI Studio](https://oai.azure.com/portal)** page. Then click the **Create new deployment** button.

[![azure-openai-08.png](https://i.postimg.cc/Gt7DbPMd/azure-openai-08.png)](https://postimg.cc/64Zq0ZJm)

> Note that in the image in the upper right corner, we are creating the deployment of the model from the newly created resource in the Azure Portal.

- ✅ **Step 03:** A window called **Deploy model** will appear. In this window, you will fill in the following fields:

- **Select a model**: Choose the model you want to deploy. In this case, select the `gpt-35-turbo` model.

- **Model version**: Choose the option `0301 (default)`.

- **Deployment name**: Enter a name for the deployment (make it unique).

Finally, click the **Create** button.

[![azure-openai-09.png](https://i.postimg.cc/CLC1CsC1/azure-openai-09.png)](https://postimg.cc/N5MBBTzq)

- ✅ **Step 04:** Wait a few minutes for the deployment to be created.

[![azure-openai-10.png](https://i.postimg.cc/j59vRJMV/azure-openai-10.png)](https://postimg.cc/CBGbNdyJ)

Now, we are ready to consume Azure OpenAI Service directly in the code. Let's now create the Node.js application to consume Azure OpenAI Service.

## Next steps

In this article, you learned how to deploy a model on Azure OpenAI Service. The steps included selecting the desired model, configuring the model version, and assigning a name to the deployment. After creating the deployment, you are ready to consume Azure OpenAI Service directly in your code. In the next article, you will learn how to create a Node.js application that consumes Azure OpenAI Service. Get ready to bring your ideas to life with Azure OpenAI and JavaScript/TypeScript.

Oh! I almost forgot to mention! Don't forget to subscribe to my **[YouTube Channel](https://www.youtube.com/@GlauciaLemos)**! In 2023, there will be many exciting new things on the channel!

Some of the upcoming content includes:

- 😃 **Microsoft Learn Live Sessions**
- 😃 **Weekly Tutorials on Node.js, TypeScript & JavaScript**
- 😃 **And much more!**

If you enjoy this kind of content, be sure to subscribe and hit the notification bell to be notified when new videos are released. We already have an amazing new series coming up on the YouTube channel this week.

[![Screen-Shot-12-31-20-at-01-06-AM.png](https://i.postimg.cc/pr3TL4Pd/Screen-Shot-12-31-20-at-01-06-AM.png)](https://bit.ly/youtube-canal-glaucialemos)

To stay updated on other exciting news, be sure to follow me on Twitter!

[![Screen-Shot-12-31-20-at-01-06-AM.png](https://i.postimg.cc/sXPk87Td/Screen-Shot-05-24-23-at-08-32-PM.png)](https://twitter.com/glaucia_lemos86)

See you in the next article! ❤️❤️