My own azure resume following HPP project In this ACG Project, Gwyn guides you through building your own resume integrated into GitHub and hosted on Microsoft Azure with Blob Storage, Azure Functions and CosmosDB. You'll be creating your own webpage with HTML and CSS, developing a CI/CD workflow with GitHub, and finally, deploying a static web app with a serverless database.
ACG Projects is a series from A Cloud Guru. Designed to complete in a weekend, each project is a self-contained, hands-on activity that involves building something cool using cloud services.
Timestamps: 0:00 Intro 00:36 - What we're building 3:53 - Building the frontend 10:39 - Editing the static web app 25:29 - Building the backend 30:26 - Azure Functions 48:31 - Deploying to Azure 1:05:15 - Building a CI/CD pipeline 1:16:27 - Testing your code
Resources:
- GitHub account https://github.com/join
- Azure account https://azure.microsoft.com/en-us/free
- Azure CLI https://docs.microsoft.com/en-us/cli/...
- .NET Core 3.1 LTS https://dotnet.microsoft.com/download...
- Azure Functions Core Tools https://docs.microsoft.com/en-us/azur...
- Visual Studio Code https://code.visualstudio.com
- Visual Code Extensions https://code.visualstudio.com/docs/in...
- Azure Functions Extensions https://marketplace.visualstudio.com/...
- C# Extension https://marketplace.visualstudio.com/...
- Azure Storage Extension https://marketplace.visualstudio.com/...
Front-end resources The front-end is a static site with HTML, CSS, and JavaScript. The visitor counter data is via an Azure Function API call.
- How to make an API call with JavaScript and in a simple way how to use it to make an API call https://www.digitalocean.com/communit...
- Azure storage explorer is a handy tool to use when working with Storage Accounts https://azure.microsoft.com/en-us/fea...
- How to deploy to blog storage https://docs.microsoft.com/en-us/azur...
Back-end resources The back-end is an HTTP triggered Azure Functions with Cosmos DB input and output binding. The Function is triggered, it retrieves the CosmosDB item, add +1 to it, and saves it and returns its value to the caller.
- HTTP triggered Azure Functions https://docs.microsoft.com/en-us/azur...
- Prerequisites for developing functions with visual code locally https://docs.microsoft.com/en-us/azur...
- Create a Cosmos DB account via command line https://azure.microsoft.com/en-us/res...
- Create a Cosmos DB account via the portal https://docs.microsoft.com/en-us/azur...
- Create an HTTP triggered Azure Function in Visual Studio Code https://docs.microsoft.com/en-us/azur...
- Azure Functions Cosmos DB bindings https://docs.microsoft.com/en-us/azur...
- Retrieve a Cosmos DB item with Functions binding https://docs.microsoft.com/en-us/azur...
- Write to a Cosmos DB item with Functions binding https://docs.microsoft.com/en-us/azur...
- You'll have to enable CORS with Azure Functions locally and once it's deployed to Azure for you website to be able to call it https://github.com/Azure/azure-functi... https://docs.microsoft.com/en-us/azur...
Testing Resources
- The importance of testing https://dev.to/flippedcoding/its-impo...
- Getting Started with xUnit.net https://xunit.net/docs/getting-starte...
- How to setup Xunit with Azure Functions https://madebygps.com/how-to-use-xuni...
- Testing Azure Functions https://docs.microsoft.com/en-us/azur...
CI/CD Resources
- How to deploy a blob storage static site with GitHub actions https://docs.microsoft.com/en-us/azur...
- How to deploy an Azure Function to Azure with GitHub Actions https://github.com/madebygps/cgc-azur...
- Implement .NET testing in GitHub Actions https://docs.github.com/en/actions/gu...
Follow us on Twitter and Facebook!
- / acloudguru
- / acloudguru
#azure #microsoftazure #onlineresume #project