Is your feature request related to a problem? Please describe.

As it is difficult to watch time and join in teams meeting or when we are in other work and finnally we will miss the meeting.

Describe the solution you'd like

A samll time displaying button in the browser extension bar which shows how much time is there for the next meeting when we are wroking in an chromium based browser when we are working in browser based environment.

Describe alternatives you've considered

A floating button like in android which shows the user the time to join the next meeting

Additional context

as the place where more people watch and helps them to join the meeting fast.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Update Docs

Reporting issue: #27
Docs page to be updated: https://learn.microsoft.com/en-us/training/modules/create-deploy-static-webapp-gatsby-app-service/7-exercise-build-deploy-static-app
Docs page markdown file: https://github.com/MicrosoftDocs/learn-pr/blob/live/learn-pr/azure/create-deploy-static-webapp-gatsby-app-service/includes/7-exercise-build-deploy-static-app.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 8:

Update Training/Learn

Reporting issue: #28
Learn page to be updated: https://learn.microsoft.com/en-us/training/modules/publish-app-service-static-web-app-api/1-introduction?pivots=react
Learn page markdown file: https://github.com/MicrosoftDocs/learn-pr/blob/live/learn-pr/azure/publish-app-service-static-web-app-api/includes/1-introduction.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

For the Learning Objectives, update this text to list out each objective the user will learn. Update to the following list:

• Choose an existing web app project with either Angular, React, Svelte or Vue
• Run the application locally
• Publish the app to Azure Static Web Apps using VS Code

Describe the bug

Bug on Tutorial: Build an Azure Static Web Apps website with Blazor
Bug on: Create and publish a static web app with Gatsby and Azure Static Web Apps

Sometimes the repository or organization is not visible to the user, in which case it is essential to include a note describing the solution.

To Reproduce

• In the document, Tutorial: Build an Azure Static Web Apps website with Blazor, needs to include a note after the eighth point.
• There must be a note after the fourth point in Unit 7 of the document, Create and publish a static web app with Gatsby and Azure Static Web Apps.

Note:
If you don't see any repositories, you may need to authorize Azure Static Web Apps on GitHub. Then browse to your GitHub repository and go to Settings > Applications > Authorized OAuth Apps, select Azure Static Web Apps, and then select Grant. For organization repositories, you must be an owner of the organization to grant the permissions.

Expected behavior

Some people could experience this issue while following the guide. I hope to resolve this issue by including the note.

Screenshots

The issue could be encountered after the

• Eighth point in the document, Tutorial: Build an Azure Static Web Apps website with Blazor,

• Fourth point in Unit 7 of the document, Create and publish a static web app with Gatsby and Azure Static Web Apps.

And I want to solve this issue by adding this note below these points:

Desktop (please complete the following information):

• OS: Any
• Browser: Any
• Version: Any

Smartphone (please complete the following information):

• Device: Any
• OS: Any
• Browser: Any
• Version: Any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Describe the bug

Bug on: Tutorial: Publish a Gatsby site to Azure Static Web Apps
Bug on: Tutorial: Publish a Hugo site to Azure Static Web Apps
Bug on: Tutorial: Publish a VuePress site to Azure Static Web Apps

Subheadings under the heading "Cleanup Resources" need to be added after the first point. Because there are two ways to clean up resources on the Azure portal:
1- Clear all the resources (If the user wants to clear all their resources).
2- Delete a particular app (If the user wants to delete only a specific app).

The "Recent Access List" will be cleared of all the user's apps if they unintentionally enter the "Recent Resources" section and click the "Clear" button without looking for or opening a specific app. The user may find it challenging to access or browse their most recent apps as a result.

To Reproduce

Step 1: To avoid confusion, the following details must be included after the first point with the subheading "Clear all the resources" and screenshots:

• Select Resources Section:
• Click the clear option to remove all of your recently used apps from the list.

Step 2: The current second, third, fourth, and fifth points should fall under the subheading "Delete a specific app".

Expected behavior

While following the tutorial, many users might face this problem. They might also get confused with the "Recent Resources" section. By adding these subheadings, I want to solve this problem to make the user experience better.

Screenshots

(After the first point)

Users may attempt to take a shortcut and mistakenly open the "Recent Resources" section and hit the "Clear" button. This is how I want to handle the situation:

Clear all the resources:

• Select Resources Section:

• Click the clear option to remove all of your recently used apps from the list.

Delete a specific app:

• In the top search bar, search for your application by the name you provided earlier
• Click on the app
• Click on the Delete button

• Click Yes to confirm the delete action

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

Add any other context about the problem here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Describe the bug

Bug on: Module "Contribute to an open-source project on GitHub" Unit Identify where you can help

In the unit Identify where you can help under Identify tasks to work on heading there is a point missing if the issue you identify is already created then don't need to create a new issue, go on that issue and check if is someone is assigned on that issue or not? If not you can comment on the issue and ask the project admin to assign you. If yes then you need to identify another issue.

To Reproduce

To reproduce it, a paragraph can add like this after first paragraph

If the issue you identify is already created then don't need to create a new issue, go on that issue and check if is someone is assigned on that issue or not? If not you can comment on the issue and ask the project admin to assign you. If yes then you need to identify another issue.

Expected behavior

If someone is new to an Open Source, there is a need for clarification that if an issue has already been created then don't need to create it again.

Screenshots

After this paragraph

There should be a paragraph like this

If the issue you identify is already created then don't need to create a new issue, go on that issue and check if is someone is assigned on that issue or not? If not you can comment on the issue and ask the project admin to assign you. If yes then you need to identify another issue.

Desktop (please complete the following information):

• OS: any
• Browser any
• Version any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Update Training/Learn

Reporting issue: #28
Learn page to be updated: https://learn.microsoft.com/en-us/training/modules/publish-app-service-static-web-app-api/12-summary
Learn page markdown file: https://github.com/MicrosoftDocs/learn-pr/blob/live/learn-pr/azure/publish-app-service-static-web-app-api/includes/12-summary.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add two items to the list of Additional Resources:

• Learn how to publish Azure Static Web Apps using Azure Portal
• Learn how to publish Azure Static Web Apps using Azure CLI

Describe the bug

Bug on: Quickstart: Build your first static web app (Using Azure Portal)

After you sign in with GitHub, enter the repository information point, under the heading "Create a static web app," there is a need that in branch there should be written <Branch_Name> instead of main and a note because the branch name is specified, which may lead to confusion or misconception among users that they can only select branch main to host on website azure static web app.

To Reproduce

I want to solve like this by adding Branch to <Branch_Name> instead of main it will generalize.

This note required after the Screenshot of enter the repository information.

Note: Your git branch may be named differently than main. Replace main in this command with your branch name.

Expected behavior

While following the tutorial, many users may lead to confusion or misconception. By little correction and by adding the note, I want to solve this confusion to make user experience better.

Screenshots

Branch name main creating a confusion or leading to misconception.

After correction branch like this <Branch_Name> instead of main

After above Screenshot there is need of note like this.

Desktop (please complete the following information):

• OS: any
• Browser any
• Version any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Describe the bug

When i join in a team's meeting from Browser (Microsoft edge or Google Chrome) the teams meeting is shaking and the quality of video decreases and the faces of people whose webcam is working will be shaking continuously.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'teams.microsoft.com'
2. Click on 'join a meeting'
3. Scroll down to '..'
4. See error "Effects the presentation we see"

Expected behavior

when i try to join the meeting from team's application there is no issue when i try to join with browser then the issue starts and when we change tabs and come back to the ongoing meeting the whole presentation screen becomes stuck (Only that page and not the browser or laptop.) and after two seconds it become normal.

Screenshots

Desktop (please complete the following information):

• Device: [Asus Tuf Gaming F15]
• OS: [Windows 11 22H2]
• Browser [Chrome and edge]
• Version [22]

Additional context

And it increases when there are more people with their video working

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador, student

Describe the bug

Bug on: Tutorial: Publish a Gatsby site to Azure Static Web Apps
Bug on: Tutorial: Publish a Hugo site to Azure Static Web Apps
Bug on: Tutorial: Publish a VuePress site to Azure Static Web Apps

After the 3rd point, under the heading "Push your application to GitHub," there is a need of a note because the branch name is specified, which may lead to confusion or misconception among users that they can only set upstream to the origin main.

After the 8th point, under the heading "Deploy your Web App," there is a need for a note because the user might get an error if the user has a different branch.

To Reproduce

Note: Your git branch may be named differently than main. Replace main in this command with your branch name.

Expected behavior

While following the tutorial, many users might face this problem. By adding the note, I want to solve this problem to make user experience better.

Screenshots

After 3rd point

Before going to heading "Deploy your web app" user might get confused.

I want to solve by adding note like this

After 8th point

Before going to 9th point user might face problem.

I want to solve it by adding note like this

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

Add any other context about the problem here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Describe the bug

Function App which is part of the project in Architect full-stack applications and automate deployments with GitHub throws an error after running both on Azure and locally.

GetBusData: Could not load file or assembly 'Microsoft.Extensions.DependencyInjection, Version=6.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'. The system cannot find the file specified.

To Reproduce

Steps to reproduce the behavior:

1. Follow module Architect full-stack applications and automate deployments with GitHub with C#
2. Reach Unit 5
3. Follow steps in "Monitor and observe Azure Function results" section
4. Open Logs of the function
5. The first line is the error: GetBusData: Could not load file or assembly 'Microsoft.Extensions.DependencyInjection, Version=6.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'. The system cannot find the file specified.

The same error shows up after running func start locally with UseDevelopmentStorage=true;

Expected behavior

The function should run without any problems and show some logs every 15 seconds. It should display something regardless of the bus locations.

Screenshots

Screenshot from the local environment:

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Microsoft Edge
• Version: 107.0.1418.56 (Official build) (64-bit)

Additional context

Add any other context about the problem here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Describe the bug

Bug on: Exercise - Deploy and configure Azure resources

1. Configure your environment for development with Visual Studio Code
2. Deploy a database service in Azure using Azure SQL Database
3. Deploy the Azure Function App using PowerShell
4. Deploy an Azure Logic App using an ARM template

After completing all the above steps, when we reach at

5. Review and configure the Azure Logic App

There we have to check the logic app working. But when we click the Logic app designer (in Development Tools section) then the result never shows up.

To Reproduce

Steps to reproduce the behavior:

1. Go to Exercise - Deploy and configure Azure resources
2. Complete the following steps
   ->Configure your environment for development with Visual Studio Code
   ->Deploy a database service in Azure using Azure SQL Database
   ->Deploy the Azure Function App using PowerShell
   ->Deploy an Azure Logic App using an ARM template
3. At the "Review and configure the Azure Logic App" click button "The Azure portal"
4. In the azure portal search "logic app".
5. Click the "bus-logic-app"
6. In the Development Tools section, click "Logic app designer"
7. On the right side you will see the loading page that never shows any result.

Expected behavior

It must be showing a logic app designer flow. This designer provides a visual way to add, edit, and delete steps in your workflow.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version 107.0.5304.88 (Official Build) (64-bit)

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

Add any other context about the problem here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Is your feature request related to a problem? Please describe.

It will be the best learning experience if we will have some exercises or small projects at the end of each module. So that whatever we learn in that module we will practice it more and learn effectively.

Describe the solution you'd like

Adding some small types of tasks to do and submitting screenshots or code snippets for evaluation

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Describe the bug

For a beginner these enhancement are essentials, it will help beginners/students to understand there are multiple ways to publish their website.

Enhancement required in introduction: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps

Under Learning objectives heading there should be a line that clarifies in this module learner will learn how to Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps using VS code. As there are multiple way to publish sites.

Enhancement required in summary: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps

Under Additional Resources heading there should be an options publish using Azure portal or Azure CLI.

To Reproduce

Under Learning Objectives
In this module will learn to publish the app to Azure Static Web Apps using VS Code.

Under Additional Resources

• Learn how to publish Azure Static Web Apps using Azure Portal
• Learn how to publish Azure Static Web Apps using Azure CLI

Expected behavior

These enhancements help beginners/students to understand there are multiple ways to publish their website. They can easily learn different ways of publishing their websites.

Screenshots

First Enhancement
If we see the current Learning objectives it seem likes that is only one way to publish site at Azure Static Web App.

After doing the enhancement, it clearly shows there are multiple way but in this module will publish site using VS Code.

Second Enhancement
This will help beginners/students in finding other ways to publish their site to Azure Static Web App.

Desktop (please complete the following information):

• OS: any
• Browser any
• Version any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Describe the bug

There are several minor issues that make Architect full-stack applications and automate deployments with GitHub confusing at times.

1. If the password set by the user contains "&" character, just pasting it in sqlcmd command will not work. It has to be additionally wrapped in quotemarks
2. In the beginning, GitHub actions constantly display failed Action (about Oryx being unable to recognize the language). It's fixed in the later part, but it might be helpful to note that this error can be ignored.
3. In Unit 5 there's a step:
   Navigate to the file azure-static-wep-apps-random-words-lettersAndNumbers.yml.
   It might be a bit clearer to write it as ex.
   Navigate to the file azure-static-web-apps-<RANDOM-WORDS-LETTERS-AND-NUMBERS>.yml.
   so it's clear that the second half of the name is "variable". And "wep" is a typo. At first, I just copy-pasted the whole name from the guide to VS Code file search and got confused that it was not there.
4. Also in Unit 5, section "Configure GitHub Actions for Azure Static Web Apps". Steps 3 and 4 tell us to update app/api_location from . to something. None of them has . as a default value - one is / and the other one is an empty string.

To Reproduce

Described above

Expected behavior

Described above

Screenshots

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Additional context

Add any other context about the problem here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Update Docs

Reporting issue: #19
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/get-started-cli?tabs=vanilla-javascript
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/get-started-cli.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

In the list of prerequisites, after the GitHub account item add the following: Git installed.
With "Git" linking to https://learn.microsoft.com/en-us/devops/develop/git/install-and-set-up-git

Update Docs
Reporting issue: #19
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-hugo
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-hugo.md

Prerequisites
VS Code installed locally
Learn Authoring Pack for VS Code extensions added to local VS Code instance
Task
In the list of prerequisites, after the GitHub account item add the following: Git installed.
With "Git" linking to https://learn.microsoft.com/en-us/devops/develop/git/install-and-set-up-git

Update Docs

Reporting issue: #19
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-jekyll
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-jekyll.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

In the list of prerequisites, after the GitHub account item add the following: Git installed.
With "Git" linking to https://learn.microsoft.com/en-us/devops/develop/git/install-and-set-up-git

Describe the bug

The Exercise- Start a Project, in How to create and modify a Git Project Module, Unit 2 of 7 is missing a sandbox. Like every other exercise, there is a sandbox where one can practice the git command on the Azure CLI, but Unit 2, 3 and 4 do not have a sandbox.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'Now that you've spent time learning the essential git commands, lets move onto creating a project in git.

   In the exercises that follow, you'll start using Git by adding a simple HTML file to your working tree. Then, you'll make some changes
   in the directory and learn how to commit the changes.'

2. Click on "There's nothing to activate sandbox"

3. Scroll down to '....'

4. See error

Expected behavior

The exercise cannot be carried out because the user doesn't have a sandbox to practice. so, it's either the user uses a sandbox from the previous module on another page or goes to unit 5 of 7 and activate the sandbox there.

Screenshots

Desktop (please complete the following information):

• OS: [Any]
• Browser [Edge]
• Version [Any]

Additional context

Add any other context about the problem here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Update Docs

Reporting issue: #27
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/deploy-blazor
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/deploy-blazor.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 8:

Describe the bug

No information in prerequisites about installation of various libraries for json to run in the code
No information was provided in the module on how to fetch your github repo link. open powershell steps from Azure portal.
Commands were not working properly(az account set --subscription name)

To Reproduce

Following Tutorial: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-azure-resource-manager?tabs=azure-cli
Steps to reproduce the behavior:

1. Sign in to Azure
2. follow command az login
3. az account set --subscription Visual Studio Enterprise Subscription
   (My subscription is Visual Studio Enterprise Subscription)
4. See error

Expected behavior

Bug needs to be resolved
Documentation was required on how to debug your JSON code in prerequisites

Screenshots

file in which my subscription is clearly seen as (Visual Studio Enterprise Subscription)
error screenshot

Desktop (please complete the following information):

• OS: any
• Browser any
• Version any

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: 18.1
• Browser Chrome
• Version any

Additional context

No information was provided how to connect debugger for json in vscode

🎓 Add a tag Student Ambassador

Describe the bug

There is a prerequisite missing which is Git install. If the beginner/student is following the tutorial, they might encounter a problem while pushing their code on GitHub, not a single command of git run.

Bug on: Tutorial: Publish a Gatsby site to Azure Static Web Apps
Bug on: Tutorial: Publish a Hugo site to Azure Static Web Apps
Bug on: Tutorial: Publish a VuePress site to Azure Static Web Apps
Bug on: Tutorial: Publish a Jekyll site to Azure Static Web Apps
Bug on: Quickstart: Building your first static site using the Azure CLI (Using Azure CLI)
Bug on: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps

To Reproduce

Under the Prerequisites heading after A GitHub account prerequisite point. There should be a line clearly written like this
- A Git setup installed. If you don't have setup, you can Install Git

Expected behavior

While following the tutorial, many users might encounter this problem. By adding the prerequisite, I want to solve this problem to make user experience better.

Screenshots

If users especially beginners/students look at the prerequisites, they think these are the only requirements that they need to complete before following the tutorial.

I want to solve this problem like this

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser: any
• Version: any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Is your feature request related to a problem? Please describe.

In the fir module provided in Bug Bash for GitHub (Architect full-stack applications and automate deployments with GitHub), all the instances are deployed on Azure by sandbox but as I have a student account and an ambassador account and as I am New ambassador for now my Azure account with ambassador id has no credits and but still sandbox some how deploys the app on it and I am then not able to access the App through Azure portal.

Describe the solution you'd like

I think there should be information provided above sandbox that on which user account it will do tasks on

Describe alternatives you've considered

Or maybe when a sandbox starts it should prompt user which account he/she wants to use.

Additional context

Add any other context or screenshots about the feature request here.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Update Docs

Reporting issue: #19
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-gatsby
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-gatsby.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

In the list of prerequisites, after the GitHub account item add the following: Git installed.
With "Git" linking to https://learn.microsoft.com/en-us/devops/develop/git/install-and-set-up-git

Describe the bug

Hyperlink texts are not pointing to the correct link currently on Module 1.3 in Get Started in C#
Link

To Reproduce

Steps to reproduce the behavior:

1. Go to https://github.com/microsoft/studentambassadors/blob/main/Bug-Bash/C%23%20Beginner%20Training/1_LP_AZ_get-started-with-c-sharp/M01-write-your-first-c-sharp-code/includes/3-learn-how-code-works.md
2. Click on 'Store and retrieve data using literal and variable values in C#' hyperlink text.
3. As we can see the link is broken currently
4. Same case is with - Call methods from the .NET Class Library using C# hyperlink text on the same page

Expected behavior

The links should point to the correct module

1. Store and retrieve data using literal and variable values in C#
2. Call methods from the .NET Class Library using C#

Screenshots

Desktop (please complete the following information):

• OS: [Windows]
• Browser [Chrome]
• Version [e.g. 22]

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Hello, what would be the purpose of the repository? I would like to collaborate with topics in Spanish.

Is your feature request related to a problem? Please describe.

Let's look at one of the content in Azure Static Web Apps where we are using VS code to deploy our Azure Static Web Apps which is seen as below;

Every information is clear but since our target audience is a newbie, one who have not used any Azure Services till date, the information like click on Azure logo on activity bar might be confusing. As they might not know what the activity bar is and they might face issue searching the icon.

I have come to this issue practically in my Workshops on Azure Static Web Apps, students where unable to see that new icon on their activity bar.

Describe the solution you'd like

A simple solution to that is using full Screenshot of the VS Code with visual clues. We already have screenshots and images for the logo how Azure icon looks which does not have visual clue that where it is exactly located on the VS code so, what we can do is insert a full screenshot as below with visual clue, so that they won't have to think twice to find the logo.

Describe alternatives you've considered

An alternative option can be like giving user information about interface of VS code like what is activity bar at first of starting the learning module.

@StudentAmbassador

Describe the bug

When i tries to add a New page in the vertical window the screen froze, and entire screen is shaking

To Reproduce

Steps to reproduce the behavior:

1. Go to 'Microsoft Edge'
2. Click on 'Add new vertical page '
3. Scroll down to 'Add a new page'
4. until you close the window with alt+f4 it continues

Expected behavior

when doing other operations like watching YouTube, the same thing happened to me.

Screenshots

https://user-images.githubusercontent.com/75376880/205477084-52888eba-976a-4a8a-813c-6598e39db58a.mp4

Desktop (please complete the following information):

• OS: Windows 11
• Browser Edge
• Version 22

Additional context

until i close the browser it doesn't stop
Tried again and it didn't occur and sometimes when i just open Microsoft edge it happens

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador, Windows

Describe the bug

When i tried to create a azure static website with file sources from my GitHub. The resources are also deployed successfully in Azure and is done with other works in Azure website and when i visit the GitHub workflow status there is an issue in the build and deploy job.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'Azure static apps'
2. Click on 'Create a new resource group'
3. Scroll down to 'Source - GitHub'
4. See error 'In runs page'

Expected behavior

As expected, the website is not deployed in the URL, but we get mails as issues every time we make a change.

Screenshots

Desktop (please complete the following information):

• OS: [Windows 11]
• Browser [Edge]
• Version [22]

Additional context

Below of the image we see
App Directory Location: '/' was found.
Looking for event info
The content server has rejected the request with: BadRequest
Reason: No matching Static Web App was found or the api key was invalid.

Update Docs

Reporting issue: #19
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-vuepress
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-vuepress.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

In the list of prerequisites, after the GitHub account item add the following: Git installed.
With "Git" linking to https://learn.microsoft.com/en-us/devops/develop/git/install-and-set-up-git

Show error is creating a repository

Update Docs

Reporting issue: #15
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-jekyll
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-jekyll.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 8:

Update Docs

Reporting issue: #17
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-vuepress
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-vuepress.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 3 "Push your local repository up to GitHub":

Describe the bug

There are two minor issues in the steps of unit Exercise - Try out Git:

Initializing git repository for git 2.28.0+ it says:

Issue 1

If you're running Git version 2.28.0 or later, use the following commands:

git init --initial-branch=main
git init -b main

As far as I see, only one of those should be used, as they do the exact same thing:

Issue 2

Later the whole unit mentions master as the branch name. It should be main according to the init parameters.

To Reproduce

1. Go to Exercise - Try out Git
2. Go through the exercise steps

Expected behavior

Command to init git repo should look something like:

git init --initial-branch=main
# OR
git init -b main

main should be used instead of master in the remaining part of the unit.

Screenshots

N/A

Desktop (please complete the following information):

• OS: N/A
• Browser N/A
• Version N/A

Smartphone (please complete the following information):

• Device: N/A
• OS: N/A
• Browser N/A
• Version N/A

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Describe the bug

Bug on Tutorial publish a GatsBy site
Bug on: Tutorial: Publish a Hugo site to Azure Static Web Apps
Bug on: Tutorial: Publish a VuePress site to Azure Static Web Apps
Bug on: Tutorial: Publish a Jekyll site to Azure Static Web Apps

After the 8th point, under the heading Deploy your Web App, there is a need for a note which clarifies the most common issue/error that the user can't find the organization or repository.

To Reproduce

Note:
If you don't see any repositories, you may need to authorize Azure Static Web Apps on GitHub. Then browse to your GitHub repository and go to Settings > Applications > Authorized OAuth Apps, select Azure Static Web Apps, and then select Grant. For organization repositories, you must be an owner of the organization to grant the permissions.

Expected behavior

While following the tutorial, some users might face this problem. By adding the note, I want to solve this problem.

Screenshots

Before going to 9th point user might face this problem which I explained above.

I want to solve like this

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any
• Version any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Update Docs

Reporting issue: #15
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-vuepress
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-vuepress.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 8:

Update Docs

Reporting issue: #17
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-hugo
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-hugo.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 3 "Push your local repository up to GitHub":

Update Docs

Reporting issue: #15
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-hugo
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-hugo.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 8:

Describe the bug

Bug on: Module Introduction to Git
Unit What is version control?

There is a grammatical error in the last line of the paragraph under the Heading: Git and GitHub in the Unit: What is Version control?
The last paragraph goes thus (the error is the last line);
GitHub is a cloud platform that uses Git as its core technology. GitHub simplifies the process of collaborating on projects and provides a website, more command-line tools, and an overall flow that developers and users can use to work together. GitHub act s as the remote repository mentioned earlier.

To Reproduce

Steps to reproduce the behavior:

The last line of the paragraph can be corrected by removing the space between act_ and _ s so that it doesn't give another meaning entirely.
This will help people that uses screenreader, people who English is not their first language and everyone to have a better understanding of what they are learning.

Expected behavior

Here is the expected correction to the last line of the paragraph:

GitHub is a cloud platform that uses Git as its core technology. GitHub simplifies the process of collaborating on projects and provides a website, more command-line tools, and an overall flow that developers and users can use to work together. GitHub acts as the remote repository mentioned earlier.

Screenshots

This is how the paragraph is currently displayed on the website:

This is the expected way the typographic error should be fixed:

Desktop

(please complete the following information):

• OS: any
• Browser: any
• Version: any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser: any
• Version: any

Additional context

N/A

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

@Student @StudentAmbassador

Update Docs

Reporting issue: #17
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-gatsby
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-gatsby.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 3 "Push your local repository up to GitHub":

Update Training/Learn

Reporting issue: #19
Learn page to be updated: https://learn.microsoft.com/en-us/training/modules/publish-app-service-static-web-app-api/
Learn page markdown file: https://github.com/MicrosoftDocs/learn-pr/blob/live/learn-pr/azure/publish-app-service-static-web-app-api/index.yml

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Currently, there is a prererquisite listed for Node.js and Git that only links to Node.js instructions.

Update this for only "Node.js LTS" to link to Node.js install instructions and "Git" to be linked to https://learn.microsoft.com/en-us/devops/develop/git/install-and-set-up-git

There are important files that Microsoft projects should all have that are not present in this repository. A pull request has been opened to add the missing file(s). When the pr is merged this issue will be closed automatically.

Microsoft teams can learn more about this effort and share feedback within the open source guidance available internally.

Merge this pull request

Describe the bug

Bug on Introduction to GitHub
Module:- What is GitHub?

The hyperlink "Configuring Notifications" given under Notification heading is redirecting to the homepage of GitHub Support instead of redirecting it to the particular page with details for Configuring Notifications.

To Reproduce

The hyperlink should be changed and will redirect the user to the Configuring Notification page on GitHub Support. The link for that page is given here Configuring Notifications.

Expected behavior

The users should be redirected to the exact page to learn more about Configuring Notifications in GitHub.

Screenshots

Currently the hyperlink is redirecting the users to this page:-

But it should redirect the users to this page:-

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser: any
• Version: any

Additional context

N/A

@Student @StudentAmbassador

Describe the bug

Issue on Introduction to Git: Exercise - Try out Git

In the section “Set up your Git repository”, in step 3 and for Git version 2.28.0 or later: It seems that both git init --initial-branch=main and git init -b main commands initialize a new repository and set the name of the default branch to main. So, the user should use only one of these commands.

To Reproduce

Steps to reproduce the behavior:

1. In Cloud Shell, type git –version to check the GitHub version. (Git version used when reporting this issue: 2.33.4)
2. Define user’s name and email using

   git config --global user.name "<USER_NAME>"
   git config --global user.email "<USER_EMAIL>"
   

3. Create a folder named Cats.

   mkdir Cats
   

4. Change to the project directory.

   cd Cats
   

5. If you're running Git version 2.28.0 or later, use the following commands to initialize your new repository and set the name of the default branch to main.

   git init --initial-branch=main
   git init -b main
   

6. See the output in cloud shell.

Expected behavior

It seems that the user can use either git init --initial-branch=main or git init -b main to initialize their new repo and set the name of the default branch to main.

Based on Git documentation, these two commands are equivalent.
If you use git init --initial-branch=main (or git init -b main) and then git status, you get the following output in cloud shell.

Initialized empty Git repository in /home/<user>/Cats/.git/

On branch main
No commits yet
nothing to commit (create/copy files and use "git add" to track)

(I am a beginner in Git, but it seems that the repo is initialized correctly.)

Screenshots

Output if you use both commands:

Output if you use only one of the above commands (expected output):

Based on this issue, the content can be modified as follows.

There is also a mistake in the name of the branch in the next step of the instructions (Step 4). The current branch is named main and not master. The instructions should be modified as follows.
Issue:

Expected:

Desktop (please complete the following information):

• OS: Any
• Browser: Any
• Version: Any

Smartphone (please complete the following information):

• Device: Any
• OS: Any
• Browser: Any
• Version: Any

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

student, Student Ambassador

Describe the bug

1. An extra "the" has been added on this line - Link

2. There is no space in "if-elseif-else" - Link

3. The variable name can be italicized for better understanding and easier reading. For Eg here - Link

4. " ``` " has been leftover in the code given
   

5. The sentence should be "in the starter code" - Link

To Reproduce

Steps to reproduce the behavior:

1. Go to the respective links
2. Links has already highlighted the position of the area concerned
3. See error

Expected behavior

1. Extra the should be removed for correcting the typo
2. Space should be added between "if-elseif-else" converting it to "if-else if-else"
3. The variable names in text should be italicized/highlighted. Like variable_name
4. The extra " ``` " should be removed at the end of the code
5. The sentence should have "in the starter code" in the given sentence - "only selection "1. List all of our current pet information" functions the starter code."

Desktop (please complete the following information):

• OS: [Windows]
• Browser [chrome]
• Version [108]

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

Student Ambassador

Describe the bug

Bug on: https://studentambassadors.microsoft.com/en-US/studentambassadors/account/

After editing the account profile on the student ambassadors program page, submitting button does not respond, and changes are not saved.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'My account' on Microsoft Learn Student Ambassadors.
2. Click on 'Profile'
3. Click on 'Edit Profile
4. See the error

Expected behavior

As expected changes can't be made and on 'Preview Profile' changes can't be seen.

Screenshots

Desktop:

• OS: Windows 11 Home
• Browser firefox
• Version 105.0.3 (64-bit)

Additional context

I was trying to add my GitHub account in order to get access to Codespaces.

🎓student, Student Ambassador.

Describe the bug

Json file of azuredeployofparameters.json has unresolved warnings of associated schema
##Steps to reproduce:
1)Created a new folder to hold the ARM Templates.

2)Created a new file and name it azuredeploy.json.

3)Pasted the following ARM template snippet into azuredeploy.json.
{
"$schema": "https://schema.management.azure.com/schemas/2019-04-01/deploymentTemplate.json#",
"contentVersion": "1.0.0.0",
"parameters": {
"name": {
"type": "string"
},
"location": {
"type": "string"
},
"sku": {
"type": "string"
},
"skucode": {
"type": "string"
},
"repositoryUrl": {
"type": "string"
},
"branch": {
"type": "string"
},
"repositoryToken": {
"type": "securestring"
},
"appLocation": {
"type": "string"
},
"apiLocation": {
"type": "string"
},
"appArtifactLocation": {
"type": "string"
},
"resourceTags": {
"type": "object"
},
"appSettings": {
"type": "object"
}
},
"resources": [
{
"apiVersion": "2021-01-15",
"name": "[parameters('name')]",
"type": "Microsoft.Web/staticSites",
"location": "[parameters('location')]",
"tags": "[parameters('resourceTags')]",
"properties": {
"repositoryUrl": "[parameters('repositoryUrl')]",
"branch": "[parameters('branch')]",
"repositoryToken": "[parameters('repositoryToken')]",
"buildProperties": {
"appLocation": "[parameters('appLocation')]",
"apiLocation": "[parameters('apiLocation')]",
"appArtifactLocation": "[parameters('appArtifactLocation')]"
}
},
"sku": {
"Tier": "[parameters('sku')]",
"Name": "[parameters('skuCode')]"
},
"resources":[
{
"apiVersion": "2021-01-15",
"name": "appsettings",
"type": "config",
"location": "[parameters('location')]",
"properties": "[parameters('appSettings')]",
"dependsOn": [
"[resourceId('Microsoft.Web/staticSites', parameters('name'))]"
]
}
]
}
]
}
Step5)Created a new file and name it azuredeploy.parameters.json.

Pasted the following ARM template snippet into azuredeploy.parameters.json.
{
"$schema": "https://schema.management.azure.com/schemas/2019-04-01/deploymentParameters.json#",
"contentVersion": "1.0.0.0",
"parameters": {
"name": {
"value": "myfirstswadeployment"
},
"location": {
"value": "Central US"
},
"sku": {
"value": "Free"
},
"skucode": {
"value": "Free"
},
"repositoryUrl": {
"value": "https://github.com//"
},
"branch": {
"value": "main"
},
"repositoryToken": {
"value": ""
},
"appLocation": {
"value": "/"
},
"apiLocation": {
"value": ""
},
"appArtifactLocation": {
"value": "src"
},
"resourceTags": {
"value": {
"Environment": "Development",
"Project": "Testing SWA with ARM",
"ApplicationName": "myfirstswadeployment"
}
},
"appSettings": {
"value": {
"MY_APP_SETTING1": "value 1",
"MY_APP_SETTING2": "value 2"
}
}
}
}
Step6)Updated rep URL and pat token in the JSON file azuredeploy.parameters.json.
Step7)Running the Deployment
Step8)Created Resource Group
Step9)Tried running code of JSON in vscode
Error Occurred

Expected behavior

No warnings must come

Screenshots

VS Code

• OS: Windows 10
• VS Code
• Version 1.72

Smartphone

• Device: Xiomi 11i
• OS: 18.1
• Browser Google

Additional context

Requires additonal information regarding json files
I was following docs
https://learn.microsoft.com/en-us/azure/static-web-apps/publish-azure-resource-manager?tabs=azure-cli
I was following step by step from Tutorial given above.
Step: View the website

🎓tags Student Ambassador, unresolvedwarnings ,bug

Describe the bug

There is a problem when it comes to linking files of the same website in GitHub pages. It seems like GitHub pages does not get the right file paths within the repo which always results in a 404 error.

To Reproduce

Steps to reproduce the behavior:

1. Create a repo.
2. Create a folder in that repo and name it as HTML.
3. Create a test.html file in that folder.
4. Create an index.html file outside the folder but within the same repo.
5. Create a link in that index file and link it to the HTML document within the HTML folder.
   Standard file path should be “/HTML/test.html” or “../HTML/test.html”.
6. Save the file and create a GitHub page.
7. Go to the link on the page and it should return a 404 error.
8. Change the link path to also include the repo name within it such as "repo-name/HTML/test.html" and it should still return a 404 error.

Expected behavior

Expected behavior should be; to be able to recognize the correct path within the repo. The suggested file-paths work well on 000webhost and VS Code Live-Server.

Screenshots

Please refer to the attached document.
File-path Bug.docx

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome, Brave
• Version: Chrome - 105.0.5195.127 (Official Build) (64-bit) , Brave - v1.43.93 Chromium 105.0.5195.127 (Official Build) (64-bit)

Additional context

• None.

🎓 Add a tag to this issue for your current education role: student, Student Ambassador or educator.

student,
Student Ambassador

Update Docs

Reporting issue: #15
Docs page to be updated: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-gatsby
Docs page markdown file: https://github.com/MicrosoftDocs/azure-docs-pr/blob/live/articles/static-web-apps/publish-gatsby.md

Prerequisites

• VS Code installed locally
• Learn Authoring Pack for VS Code extensions added to local VS Code instance

Task

Add suggested note from reporting issue below step 8:

Describe the bug

I was trying to install the node modules using npm install command while following this exercise: Link to exercise
but got a whole lot of cryptic errors instead. I am attaching the log file for further reference.
Log: 2022-09-29T17_09_31_946Z-debug-0.log

To Reproduce

Steps to reproduce the behavior:

1. Clone the repository to your computer.

git clone https://github.com/<YOUR_GITHUB_USERNAME>/my-static-web-app

2. Type the following in your terminal:

cd my-static-web-app
cd react-app
npm install

Expected behavior

All the npm packages and dependencies should be installed and I should be able to run the npm start command.

Screenshots

Running code:

Error:

Desktop (please complete the following information):

• OS: macOS (12.6)
• Browser N/A
• Version N/A
• npm version: 8.11.0

Additional context

• A possible fix would be bumping up the dependencies with possible severe vulnerabilities

@Student @StudentAmbassador