Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 28f77fa

Browse files
poojapoojariEMaher
authored andcommittedApr 25, 2022
Editorial pass for Azure Lab Services. Item MicrosoftDocs#15.
1 parent 96635d3 commit 28f77fa

File tree

5 files changed

+38
-30
lines changed

5 files changed

+38
-30
lines changed
 

‎articles/lab-services/class-type-react-linux.md

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@ title: Set up a lab with React on Linux using Azure Lab Services
33
description: Learn how to set up labs to React development class.
44
author: emaher
55
ms.topic: how-to
6-
ms.date: 05/16/2021
6+
ms.date: 04/25/2022
7+
ms.custom: devdivchpfy22
78
ms.author: enewman
89
---
910

@@ -13,7 +14,7 @@ ms.author: enewman
1314

1415
[React](https://reactjs.org/) is a popular JavaScript library for building user interfaces (UI). React is a declarative way to create reusable components for your website. There are many other popular libraries for JavaScript-based front-end development. We'll use a few of these libraries while creating our lab. [Redux](https://redux.js.org/) is a library that provides predictable state container for JavaScript apps and is often used in compliment with React. [JSX](https://reactjs.org/docs/introducing-jsx.html) is a library syntax extension to JavaScript often used with React to describe what the UI should look like. [NodeJS](https://nodejs.org/) is a convenient way to run a webserver for your React application.
1516

16-
This article will show how to install [Visual Studio Code](https://code.visualstudio.com/) for your development environment, the tools, and libraries needed for a React web development class.
17+
This article shows you how to install [Visual Studio Code](https://code.visualstudio.com/) for your development environment, the tools, and libraries needed for a React web development class.
1718

1819
## Lab configuration
1920

@@ -35,9 +36,9 @@ For instructions on how to create a lab, see [Tutorial: Set up a lab](tutorial-s
3536

3637
| Lab setting | Value |
3738
| ------------ | ------------------ |
38-
| Virtual Machine Size | **Small**.|
39+
| Virtual Machine Size | **Small** |
3940

40-
We recommend testing your workloads to see if a larger size is needed. For more information about each size, see [VM sizing](administrator-guide.md#vm-sizing).
41+
We recommend that you test your workloads to see if a larger size is needed. For more information about each size, see [VM sizing](administrator-guide.md#vm-sizing).
4142

4243
## Template machine configuration
4344

@@ -66,7 +67,7 @@ The steps in this section show how to complete the following to set up the templ
6667
1. Install [Reactive Native Tools extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native).
6768
1. Optionally, install extensions for development with [Redux](https://marketplace.visualstudio.com/search?term=Redux&target=VSCode&category=All%20categories&sortBy=Relevance) and [JSX](https://marketplace.visualstudio.com/search?term=JSX&target=VSCode&category=All%20categories&sortBy=Relevance).
6869

69-
[Create React App](https://create-react-app.dev/) is an officially supported way to create a ReactApp and requires no further configuration if using npm 5.2 and above. For instructions using Create React App, see their [getting started](https://create-react-app.dev/docs/getting-started) documentation.
70+
[Create React App](https://create-react-app.dev/) is an officially supported way to create a React app and requires no further configuration if you're using npm 5.2 and above. For more instructions on how to use Create React App, see their [getting started](https://create-react-app.dev/docs/getting-started) documentation.
7071
7172
Other components needed for a React-based website are installed using NPM into a specific application. For example, enter the following commands to install the Redux and JSX libraries:
7273
@@ -83,11 +84,11 @@ Install the React Developer Tools extensions for your browser so you can inspect
8384
- [React Developer Tools Chrome extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
8485
- [React Developer Tools FireFox add-on](https://addons.mozilla.org/firefox/addon/react-devtools/)
8586
86-
To run the app in development mode, use the `npm start` built-in command. The local and network urls will be listed in the command output. To use HTTPS instead of HTTP, see [create React app using https in development](https://create-react-app.dev/docs/using-https-in-development).
87+
To run the app in development mode, use the `npm start` built-in command. The local and network urls will be listed in the command output. For more information on how to use HTTPS instead of HTTP, see [Create React App: Using HTTPS in Development](https://create-react-app.dev/docs/using-https-in-development).
8788
8889
### Update firewall settings
8990
90-
Official Ubuntu builds have [iptables](https://help.ubuntu.com/community/IptablesHowTo) installed and will allow all incoming traffic by default. However, if you're using a VM that has a more restrictive firewall, add an inbound rule to allow traffic to the NodeJS server. The example below uses [iptables](https://help.ubuntu.com/community/IptablesHowTo) to allow traffic to port 3000.
91+
Official Ubuntu builds have [iptables](https://help.ubuntu.com/community/IptablesHowTo) installed and will allow all incoming traffic by default. However, if you're using a VM that has a more restrictive firewall, add an inbound rule to allow traffic to the NodeJS server. The example below uses [iptables](https://help.ubuntu.com/community/IptablesHowTo) to allow traffic to port 3000.
9192

9293
```bash
9394
sudo iptables -I INPUT -p tcp -m tcp --dport 3000 -j ACCEPT
@@ -98,12 +99,14 @@ sudo iptables -I INPUT -p tcp -m tcp --dport 3000 -j ACCEPT
9899
99100
## Cost
100101
101-
Let’s cover an example cost estimate for this class. Suppose you have a class of 25 students. Each student has 20 hours of scheduled class time. Another 10 quota hours for homework or assignments outside of scheduled class time is given to each student. The virtual machine size we chose was **Small**, which is 20 lab units.
102+
Let’s cover an example cost estimate for this class. The virtual machine size we chose was **Small**, which is 20 lab units.
102103
103-
- 25 students × (20 scheduled hours + 10 quota hours) × 20 Lab Units × USD0.01 per hour = 150.00 USD
104+
For a class of 25 students with 20 hours of scheduled class time and 10 hours of quota for homework or assignments, the cost estimate would be:
105+
106+
25 students × (20 scheduled hours + 10 quota hours) × 20 Lab Units × USD0.01 per hour = 150.00 USD
104107
105108
> [!IMPORTANT]
106-
> The cost estimate is for example purposes only. For current pricing information, see [Azure Lab Services pricing](https://azure.microsoft.com/pricing/details/lab-services/).
109+
> The cost estimate is for example purposes only. For current pricing information, see [Azure Lab Services pricing](https://azure.microsoft.com/pricing/details/lab-services/).
107110
108111
## Next steps
109112

‎articles/lab-services/how-to-manage-vm-pool-within-teams.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
title: Manage a VM pool in Azure Lab Services from Teams
33
description: Learn how to manage a VM pool in Azure Lab Services from Teams.
44
ms.topic: how-to
5-
ms.date: 10/07/2020
5+
ms.date: 04/25/2022
6+
ms.custom: devdivchpfy22
67
---
78

89
# Manage a VM pool in Lab Services from Teams
@@ -11,7 +12,7 @@ Virtual Machine (VM) creation starts as soon as the template VM is first publish
1112

1213
## Publish a template and manage a VM pool
1314

14-
To publish the template, go to the Teams Lab Services window, select **Template** tab -> **...** -> **Publish**.
15+
To publish the template, go to the Teams Lab Services window, select **Template** tab > **...** > **Publish**.
1516

1617
Once the lab is published and VMs are created, users will be automatically registered to the lab. Lab VMs will be assigned to users the first time they first access the tab having **Azure Lab Services** App.
1718

@@ -20,7 +21,7 @@ Team membership and lab user list are kept in sync. The lab capacity (number of
2021
Educators can continue to access student VMs directly from the VM Pool tab. And educators can access VMs assigned to themselves either from the **Virtual machine pool** tab or by clicking on the **My Virtual Machines** button (top-right corner of the screen).
2122

2223
> [!div class="mx-imgBorder"]
23-
> :::image type="content" source="./media/how-to-manage-vm-pool-with-teams/vm-pool.png" alt-text="VM pool":::
24+
> :::image type="content" source="./media/how-to-manage-vm-pool-with-teams/vm-pool.png" alt-text="Screenshot of the VM pool.":::
2425
2526
## Next steps
2627

‎articles/lab-services/lab-account-owner-support-information.md

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,38 @@
11
---
22
title: Set up support information (lab account owner)
33
description: Describes how a lab account owner can set support contact information. Lab creators and lab users can view and use it to get help.
4-
ms.date: 06/26/2020
4+
ms.date: 04/25/2022
55
ms.topic: how-to
6+
ms.custom: devdivchpfy22
67
---
78

89
# Set up support information (lab account owner in Azure Lab Services)
9-
This article explains how you (as a lab account owner) can specify support information that lab creators (educators) and lab users (students) can use to get help if they run into any technical issues with using the lab account or lab.
10+
11+
This article explains how you (as a lab account owner) can specify the support information. The support information can be used by the lab creators (educators) and lab users (students) to get help if they run into any technical issues while using the lab.
1012

1113
The support information includes:
1214

1315
- URL
1416
- Email
1517
- Phone
16-
- Additional instructions
18+
- Additional instructions
1719

1820
## Specify support information
19-
1. Sign in to [Azure portal](https://portal.azure.com).
20-
2. In the search bar, enter **Lab Services**, and select **Lab Services** in the search results.
21-
3. Select your lab account from the list of lab accounts.
22-
4. Switch to the **Internal support** page, do the following steps:
23-
1. Enter the **support URL**.
24-
2. Enter the **support email**.
25-
3. Enter the **support phone**.
26-
4. Enter detailed **support instructions** (optional). Lab owners and users will see this text along with the support contact information. URLs will be automatically turned into links.
27-
5. Select **Save** on the toolbar.
2821

29-
![Internal support page](./media/lab-account-owner-support-information/internal-support-page.png)
22+
1. Sign in to [Azure portal](https://portal.azure.com).
23+
1. In the search bar, enter **Lab Services**, and select **Lab Services** in the search results.
24+
1. Select your lab account from the list of lab accounts.
25+
1. Switch to the **Internal support** page, and do the following steps:
26+
1. Enter the **support URL**.
27+
1. Enter the **support email**.
28+
1. Enter the **support phone**.
29+
1. Enter detailed **support instructions** (optional). Lab owners and users will see this text along with the support contact information. URLs will be automatically turned into links.
30+
1. Select **Save** on the toolbar.
3031

32+
:::image type="content" source="./media/lab-account-owner-support-information/internal-support-page.png" alt-text="Screenshot of Internal support page.":::
3133

3234
## Next steps
35+
3336
See the following articles:
3437

3538
- [View contact information (lab creator)](lab-creator-support-information.md)

‎articles/lab-services/lab-creator-support-information.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ title: View support information (lab creator)
33
description: This article explains how lab creators can view support information that they can use to get help.
44
ms.date: 11/24/2021
55
ms.topic: how-to
6+
ms.custom: devdivchpfy22
67
---
78
# View support information (lab creator in Azure Lab Services)
89

@@ -17,11 +18,11 @@ You can use this information to get help when you run into any technical issues
1718

1819
## View support information
1920

20-
1. Sign in to Lab Services web portal: [https://labs.azure.com](https://labs.azure.com).
21-
2. Select question mark (**?**) at the top-right corner of the page.
22-
3. Confirm that you see links to the **view support website**, **email support**, and **support phone number**.
21+
1. Sign in to Azure Lab Services web portal: [https://labs.azure.com](https://labs.azure.com).
22+
2. Select question mark (**?**) at the top-right corner of the page.
23+
3. Confirm that you see the links to the **view support website**, **email support**, and **support phone number**.
2324

24-
![View support information](./media/lab-creator-support-information/support-information.png)
25+
:::image type="content" source="./media/lab-creator-support-information/support-information.png" alt-text="Screenshot that shows the links to the support information.":::
2526

2627
## Next steps
2728

0 commit comments

Comments
 (0)
Please sign in to comment.