Build your first Web Application with Microsoft Azure
Published Jan 13 2023 09:44 AM 3,417 Views
Brass Contributor

About the Author

 

_sachinmittal_1-1673622250972.pngSachin Mittal - Beta Microsoft Learn Student Ambassador - Microsoft |

I am pursuing my bachelor's degree from IIT Roorkee, India and a Beta Microsoft Learn Student Ambassador

I am passionate about Web Development and Open-Source Contribution. I also like sharing tech information with others.


Web Apps is one of the Azure services which enables users to host web applications for FREE.

Azure Web Apps host user interactive websites.

Now, why should students consider using Azure to build websites?

  1. Auto Scale: Azure promises 99.95% availability in its service level agreement for web apps. In helps users to scale up or scale out the web apps instances when required.
  2. Easy Deployments: Users can directly deploy applications from repositories like GitHub.
  3. Wide Language support: Web apps supports many languages and frameworks like Java, PHP, ASP.Net, Node.js, etc
  4. Security: Security is very important in today’s world. Web apps use high security standards like ISO, SOC and PCI.

If you want to learn more about Azure WebApps: https://learn.microsoft.com/azure/app-service/

To build a web app using Azure. First, you need an Azure account. So, let’s start with How you can create a Free Azure Account.

 

Step 1: Go to https://azure.microsoft.com/free/students/ to get free account as a student. Then click on “Start Free”.

 

_sachinmittal_0-1673512571540.png

 

Step 2: Now, you can login using GitHub Student Developer Pack or you can sign in using your Academic Mail ID.

 

_sachinmittal_1-1673512697131.png

 

Step 3: Once you sign in, it will ask for phone verification.

 

_sachinmittal_2-1673512743409.png

 

Step 4: Once verfication for phone completes. It will ask for Academic Verification.

 

_sachinmittal_3-1673512771725.png

 

Once verification completes, Azure portal will open.

_sachinmittal_4-1673512851921.png

 

Now, Let’s start your first web app project

Step 1: Click on “Create a resource” to get started.

 

_sachinmittal_5-1673512870166.png

 

Step 2: Click on “Web App”.

 

_sachinmittal_6-1673512886650.png

 

Step 3: Here you can select the Resource group, Plan and Name to your web app.

 

_sachinmittal_7-1673512904090.png

 

Step 4: Let’s Create new Resource Group. Click on “Create new” and enter a name for your resource group.

 

_sachinmittal_8-1673512920814.png

 

Step 5: Enter a name for web app & select Runtime stack of your choice.

 

_sachinmittal_9-1673512941225.png

 

Step 6: Click on “Review + create”. It will validate & then click “create”. Now, Azure will create all resources specified by you.

 

Step 7: Once you get message, “Your deployment is complete”. Click on “Go to resource”.

 

_sachinmittal_10-1673512961206.png

 

Step 8: It will take you to the Web App page & click on the URL to see deployment.

 

_sachinmittal_11-1673512987093.png

 

Congratulations, you have deployed you first web app. If you have any query, feel free to contact.

 

Want to learn more about Web Development, here are some Go to following Microsoft Learn resources and interactive handson labs:

Microsoft Learn Web Development for Beginners

Microsoft offers a variety of resources for web developers, including new tools and features supporting web development using Windows. This guide covers many of the tools available to make Windows your ideal environment to develop on for the web. Microsoft Learn Web development on Windows Best Practices and Guidance

Web Development for Beginners - A Curriculum 
Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum which is all about JavaScript, CSS, and HTML basics. Each lesson includes pre- and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment and more. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.

 

 

Co-Authors
Version history
Last update:
‎Jan 13 2023 12:30 PM
Updated by: