Merge pull request #2 from microsoft/module3upate

update files and steps and multipel devconatines

Author: WirelessLife

.devcontainer/introduction/devcontainer.json

@@ -0,0 +1,4 @@
+{
+    // Name this configuration
+    "name": "Introduction to Copilot"
+}

.devcontainer/devcontainer.json .devcontainer/mini-game/devcontainer.json.devcontainer/devcontainer.json renamed to .devcontainer/mini-game/devcontainer.json

@@ -1,7 +1,7 @@
 // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 // README at: https://github.com/devcontainers/templates/tree/main/src/dotnet
 {
-  "name": "GitHub Copilot Workshop",
+  "name": "GitHub Copilot Mini Game",
   // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
   "image": "mcr.microsoft.com/devcontainers/dotnet:9.0",
   "features": {

.devcontainer/welcome

@@ -1 +1 @@
-Welcome to the Mastering Github Copilot for .Net / C# Developers lab.
+Welcome to the Mastering Github Copilot for .NET / C# Developers lab.

03-Introduction-to-GitHub-Copilot/.github/steps/-step.txt

@@ -38,20 +38,20 @@ By the end of this module, you'll be able to:
 
 ### How to start this course
 
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?devcontainer_path=.devcontainer%2Fintroduction%2Fdevcontainer.json)
 
 Now that you've learned about GitHub Codespaces and GitHub Copilot, let's take the next step and use Codespaces to complete hands-on labs with GitHub Copilot. Right-click **Open in GitHub Codespaces** and open the link in a new tab.
 
 ### 🗃️ Lessons
 |       |              Lesson Link              |                       Concepts Taught                       |                     Learning Goal                 |                             
 | :---: | :------------------------------------: | :---------------------------------------------------------: | ----------------------------------------------------------- |
-| 01 | [Leverage Codespaces with VS Code for Copilot](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/.github/steps/1-copilot-extension.md) | Learn how to set up and enable GitHub Copilot within a Codespace using VS Code by configuring a development container and installing necessary extensions.|  This guide enable developers to leverage GitHub Codespaces and VS Code to integrate and utilize GitHub Copilot for AI-powered code suggestions efficiently.                    |
-| 02 | [Seeing AI code suggestions in a C# file!](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/.github/steps/2-skills-dotnet.md) | Setting up a Codespace with GitHub Copilot, creating a C# project, using Copilot for code suggestions, and pushing code to a repository using Git. | Familiarize users with GitHub Copilot's AI-powered code suggestions in C# by creating a .NET project, generating code completions, and pushing changes to a repository using Git. | 
-| 03 | [View the GitHub Copilot tab with multiple suggestions](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/.github/steps/3-copilot-hub.md) | Learn how to use GitHub Copilot for AI-powered code suggestions in C#, manage a Codespace, pull the latest code, create and edit files, review AI-generated code completions, and push changes to a Git repository using Git commands in VS Code. | Familiarize users with GitHub Copilot’s code suggestions, how to review and accept AI-generated completions, and how to manage code changes in a GitHub Codespace using Git commands. | 
-| 04 | [Using comments to generate code with Copilot](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/.github/steps/4-copilot-comment.md) | Understand how to use GitHub Copilot to generate code from comments, navigating Copilot suggestions, and managing code versioning with Git commands in a Codespace environment. | Using comments to generate AI-suggested code with GitHub Copilot in VS Code | 
+| 01 | [Leverage Codespaces with VS Code for Copilot](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/steps/1-copilot-extension.md) | Learn how to set up and enable GitHub Copilot within a Codespace using VS Code by configuring a development container and installing necessary extensions.|  This guide enable developers to leverage GitHub Codespaces and VS Code to integrate and utilize GitHub Copilot for AI-powered code suggestions efficiently.                    |
+| 02 | [Seeing AI code suggestions in a C# file!](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/steps/2-skills-dotnet.md) | Setting up a Codespace with GitHub Copilot, creating a C# project, using Copilot for code suggestions, and pushing code to a repository using Git. | Familiarize users with GitHub Copilot's AI-powered code suggestions in C# by creating a .NET project, generating code completions, and pushing changes to a repository using Git. | 
+| 03 | [View the GitHub Copilot tab with multiple suggestions](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/steps/3-copilot-hub.md) | Learn how to use GitHub Copilot for AI-powered code suggestions in C#, manage a Codespace, pull the latest code, create and edit files, review AI-generated code completions, and push changes to a Git repository using Git commands in VS Code. | Familiarize users with GitHub Copilot’s code suggestions, how to review and accept AI-generated completions, and how to manage code changes in a GitHub Codespace using Git commands. | 
+| 04 | [Using comments to generate code with Copilot](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers/blob/main/03-Introduction-to-GitHub-Copilot/steps/4-copilot-comment.md) | Understand how to use GitHub Copilot to generate code from comments, navigating Copilot suggestions, and managing code versioning with Git commands in a Codespace environment. | Using comments to generate AI-suggested code with GitHub Copilot in VS Code | 
 
 
-## :books: Additional learning and resources
+## 📚 Additional learning and resources
 
 - [What is GitHub Copilot](https://docs.github.com/en/copilot/about-github-copilot/what-is-github-copilot)
 - [About enterprise accounts for Copilot Business](https://docs.github.com/en/enterprise-cloud@latest/admin/copilot-business-only/about-enterprise-accounts-for-copilot-business)

03-Introduction-to-GitHub-Copilot/.github/steps/0-welcome.md

@@ -1,11 +1,3 @@
-<!--
-  <<< Author notes: Step 1 >>>
-  Choose 3-5 steps for your course.
-  The first step is always the hardest, so pick something easy!
-  Link to docs.github.com for further explanations.
-  Encourage users to open new tabs for steps!
--->
-
 ## Step 1: Leverage Codespaces with VS Code for Copilot
 
 _Welcome to "Develop With AI Powered Code Suggestions Using GitHub Copilot and VS Code"! :wave:_
@@ -21,22 +13,17 @@ Using Copilot inside a Codespace shows just how easy it is to get up and running
 > **Note**
 > This skills exercise will focus on leveraging GitHub Codespace. It is recommended that you complete the GitHub skill, [Codespaces](https://github.com/skills/code-with-codespaces), before moving forward with this exercise.
 
-### :keyboard: Activity: Enable Copilot inside a Codespace
+### ⌨️ Activity: Enable Copilot inside a Codespace
 
 **We recommend opening another browser tab to work through the following activities so you can keep these instructions open for reference.**
 
 Before you open up a codespace on a repository, you can create a development container and define specific extensions or configurations that will be used or installed in your codespace. Let's create this development container and add copilot to the list of extensions.
 
-1. Navigating back to your **Code** tab of your repository, click the **Add file** drop-down button, and then click `Create new file`.
-1. Type or paste the following in the empty text field prompt to name your file.
-   ```
-   .devcontainer/devcontainer.json
-   ```
-1. In the body of the new **.devcontainer/devcontainer.json** file, add the following content:
+1. In the body of the **.devcontainer/introduction/devcontainer.json** file, add the following content:
    ```
    {
        // Name this configuration
-       "name": "Codespace for Skills!",
+       "name": "Introduction to Copilot",
        "customizations": {
            "vscode": {
                "extensions": [
@@ -47,17 +34,21 @@ Before you open up a codespace on a repository, you can create a development con
        }
    }
    ```
-1. Select the option to **Commit directly to the `main` branch**, and then click the **Commit new file** button.
+1. Select the option to **Commit directly to the `main` branch**, and then click the **Commit** button.
+1. Reload the codespace
+
+If you run into issues you can create a new codespace:
+
 1. Navigate back to the home page of your repository by clicking the **Code** tab located at the top left of the screen.
 1. Click the **Code** button located in the middle of the page.
 1. Click the **Codespaces** tab on the box that pops up.
-1. Click the **Create codespace on main** button.
+1. Click the **Create codespace on main** button and select Introduction to Copilot.
 
    **Wait about 2 minutes for the codespace to spin itself up.**
 
 1. Verify your codespace is running. The browser should contain a VS Code web-based editor and a terminal should be present such as the below:
-   ![Screen Shot 2023-03-09 at 9 09 07 AM](https://user-images.githubusercontent.com/26442605/224102962-d0222578-3f10-4566-856d-8d59f28fcf2e.png)
+   ![Screen Shot 2023-03-09 at 9 09 07 AM](./img/1-skills-0.png)
 1. The `copilot` extension should show up in the VS Code extension list. Click the extensions sidebar tab. You should see the following:
-   ![Screen Shot 2023-03-09 at 9 04 13 AM](https://user-images.githubusercontent.com/26442605/224102514-7d6d2f51-f435-401d-a529-7bae3ae3e511.png)
+   ![Screen Shot 2023-03-09 at 9 04 13 AM](./img/1-skills-1.png)
 
-**Wait about 60 seconds then refresh your repository landing page for the next step.**
+Head to [Part 2 of the Exercise](./2-skills-dotnet.md)

03-Introduction-to-GitHub-Copilot/.github/steps/X-finish.md

@@ -1,9 +1,3 @@
-<!--
-  <<< Author notes: Step 2 >>>
-  Start this step by acknowledging the previous step.
-  Define terms and link to docs.github.com.
--->
-
 ## Step 2: Seeing AI code suggestions in a C# file!
 
 _Nice work! :tada: You created a Codespace using a devcontainer file that installed Copilot!_
@@ -12,7 +6,7 @@ GitHub Copilot provides suggestions for numerous languages and a wide variety of
 
 Let's try this out utilizing C# for Copilot.
 
-### :keyboard: Activity: Add a C# file and start writing code
+### ⌨️ Activity: Add a C# file and start writing code
 
 > **Note**:
 > If you closed the Codespace from above, please open it back up or create a new Codespace.
@@ -34,7 +28,7 @@ Let's try this out utilizing C# for Copilot.
 
 5. Press `Tab` to accept the suggestion.
 
-### :keyboard: Activity: Push code to your repository from the codespace
+### ⌨️ Activity: Push code to your repository from the codespace
 
 1. Use the VS Code terminal to add all files to the repository:
 
@@ -54,4 +48,5 @@ Let's try this out utilizing C# for Copilot.
    git push
    ```
 
-**Wait about 60 seconds then refresh your repository landing page for the next step.**
+
+Head to [Part 3 of the Exercise](./3-copilot-hub.md)

03-Introduction-to-GitHub-Copilot/README.md

@@ -1,27 +1,10 @@
-<!--
-  <<< Author notes: Step 3 >>>
-  Start this step by acknowledging the previous step.
-  Define terms and link to docs.github.com.
--->
-
 ## Step 3: View the GitHub Copilot tab with multiple suggestions
 
 _Nice work! You just used AI code suggestions within a C# file by using GitHub Copilot :sparkles:_
 
 Keep in mind that as you continue to use copilot, you may not want some of the suggestions GitHub Copilot offers. GitHub Copilot will show you multiple suggestions in a new tab.
 
-### :keyboard: Activity: Pull the latest code to the Codespace repo.
-
-> **Note**
-> Pull MUST be done prior to the next activity.
-
-1. Use the VS Code terminal to pull the latest code:
-
-   ```
-   git pull
-   ```
-
-### :keyboard: Activity: Add another C# method and view all suggestions
+### ⌨️ Activity: Add another C# method and view all suggestions
 
 1. From inside the codespace in the Solution Explorer, right click on the project, create a new file. 
 
@@ -43,7 +26,7 @@ Keep in mind that as you continue to use copilot, you may not want some of the s
 7. Find a solution you like and click `Accept Solution`.
 8. Your `Member.cs` file will be updated with your solution.
 
-### :keyboard: Activity: Push code to your repository from the codespace
+### ⌨️ Activity: Push code to your repository from the codespace
 
 1. Use the VS Code terminal to add the `Member.cs` file to the repository:
 
@@ -63,4 +46,5 @@ Keep in mind that as you continue to use copilot, you may not want some of the s
    git push
    ```
 
-**Wait about 60 seconds then refresh your repository landing page for the next step.**
+
+Head to [Part 4 of the Exercise](./4-copilot-comment.md)