You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/lab-services/class-type-react-linux.md
+13-10Lines changed: 13 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,8 @@ title: Set up a lab with React on Linux using Azure Lab Services
3
3
description: Learn how to set up labs to React development class.
4
4
author: emaher
5
5
ms.topic: how-to
6
-
ms.date: 05/16/2021
6
+
ms.date: 04/25/2022
7
+
ms.custom: devdivchpfy22
7
8
ms.author: enewman
8
9
---
9
10
@@ -13,7 +14,7 @@ ms.author: enewman
13
14
14
15
[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.
15
16
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.
17
18
18
19
## Lab configuration
19
20
@@ -35,9 +36,9 @@ For instructions on how to create a lab, see [Tutorial: Set up a lab](tutorial-s
35
36
36
37
| Lab setting | Value |
37
38
| ------------ | ------------------ |
38
-
| Virtual Machine Size |**Small**.|
39
+
| Virtual Machine Size |**Small**|
39
40
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).
41
42
42
43
## Template machine configuration
43
44
@@ -66,7 +67,7 @@ The steps in this section show how to complete the following to set up the templ
66
67
1. Install [Reactive Native Tools extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native).
67
68
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).
68
69
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 ifyou'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.
70
71
71
72
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:
72
73
@@ -83,11 +84,11 @@ Install the React Developer Tools extensions for your browser so you can inspect
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 httpsindevelopment](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).
87
88
88
89
### Update firewall settings
89
90
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.
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.
102
103
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
104
107
105
108
> [!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/).
Copy file name to clipboardExpand all lines: articles/lab-services/how-to-manage-vm-pool-within-teams.md
+4-3Lines changed: 4 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,8 @@
2
2
title: Manage a VM pool in Azure Lab Services from Teams
3
3
description: Learn how to manage a VM pool in Azure Lab Services from Teams.
4
4
ms.topic: how-to
5
-
ms.date: 10/07/2020
5
+
ms.date: 04/25/2022
6
+
ms.custom: devdivchpfy22
6
7
---
7
8
8
9
# 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
11
12
12
13
## Publish a template and manage a VM pool
13
14
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**.
15
16
16
17
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.
17
18
@@ -20,7 +21,7 @@ Team membership and lab user list are kept in sync. The lab capacity (number of
20
21
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).
Copy file name to clipboardExpand all lines: articles/lab-services/lab-account-owner-support-information.md
+16-13Lines changed: 16 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -1,35 +1,38 @@
1
1
---
2
2
title: Set up support information (lab account owner)
3
3
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
5
5
ms.topic: how-to
6
+
ms.custom: devdivchpfy22
6
7
---
7
8
8
9
# 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.
10
12
11
13
The support information includes:
12
14
13
15
- URL
14
16
- Email
15
17
- Phone
16
-
- Additional instructions
18
+
- Additional instructions
17
19
18
20
## 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.
28
21
29
-

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.
30
31
32
+
:::image type="content" source="./media/lab-account-owner-support-information/internal-support-page.png" alt-text="Screenshot of Internal support page.":::
31
33
32
34
## Next steps
35
+
33
36
See the following articles:
34
37
35
38
-[View contact information (lab creator)](lab-creator-support-information.md)
Copy file name to clipboardExpand all lines: articles/lab-services/lab-creator-support-information.md
+5-4Lines changed: 5 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -3,6 +3,7 @@ title: View support information (lab creator)
3
3
description: This article explains how lab creators can view support information that they can use to get help.
4
4
ms.date: 11/24/2021
5
5
ms.topic: how-to
6
+
ms.custom: devdivchpfy22
6
7
---
7
8
# View support information (lab creator in Azure Lab Services)
8
9
@@ -17,11 +18,11 @@ You can use this information to get help when you run into any technical issues
17
18
18
19
## View support information
19
20
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**.
23
24
24
-

25
+
:::image type="content" source="./media/lab-creator-support-information/support-information.png" alt-text="Screenshot that shows the links to the support information.":::
0 commit comments