Build your first Web Application with Microsoft Azure

[Guest _sachinmittal]

About the Author

 

 

 

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”.

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

Once verification completes, Azure portal will open.

 

 

 

 

Now, Let’s start your first web app project

 

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

 

 

 

 

 

 

Step 2: Click on “Web App”.

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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”.

 

 

 

 

 

 

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

 

 

 

 

 

 

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'.

 

Continue reading...