Extend Web Application Functionality on Microsoft Azure
1h 42mIntermediate2023-10-04
Authors
Rodrigo Díaz Concha
Solutions Architect, Microsoft Regional Director, and Microsoft MVP
Course details
If you’re a cloud developer, you’re probably already responsible for building web applications that run in Microsoft Azure. In this course, instructor and Microsoft regional director Rodrigo Díaz Concha helps you get up to speed with the latest cutting-edge tools to design and extend Azure-powered web apps like a pro.
Explore the basics of dynamically creating PDF files with Azure Functions and Puppeteer, use computer vision in Azure AI to intelligently crop images as needed, secure web apps with Microsoft Entra ID, and deploy your applications in containers with Azure Container Apps. Upon completing this course, you’ll be prepared to wield your new skills to extend and improve web applications like never before.
Explore the basics of dynamically creating PDF files with Azure Functions and Puppeteer, use computer vision in Azure AI to intelligently crop images as needed, secure web apps with Microsoft Entra ID, and deploy your applications in containers with Azure Container Apps. Upon completing this course, you’ll be prepared to wield your new skills to extend and improve web applications like never before.
Skills covered
Full-Stack Web DevelopmentAzureNetwork AdministrationCloud PlatformsWeb DevelopmentNetwork and System AdministrationCloud ComputingMicrosoftDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Capitalize on the power of Azure to craft your web app
- 02 - What you need to know
- 03 - What you are going to build
1. Creating PDF Files with Azure Functions and Puppeteer
- 04 - Creating PDF files with Azure Functions and Puppeteer
- 05 - Configuring the existing cloud resources
- 06 - Creating the repository and the Azure Functions project
- 07 - Implementing and testing the SQL trigger
- 08 - Implementing the code to generate HTML content
- 09 - Implementing the code to generate a PDF file using Puppeteer
- 10 - Implementing the Blob output binding in the Function
- 11 - Provisioning the Function app using the Azure Portal
- 12 - Manually deploying the Azure Function to the Function app
2. Using Azure AI's Computer Vision to Smartly Crop the Images
- 13 - Using Azure AI's Computer Vision to smartly crop the images
- 14 - Provisioning the Cognitive Service resource
- 15 - Creating the ThumbnailAICreator project
- 16 - Implementing the code to crop the images
- 17 - Testing the Azure Function locally
- 18 - Provisioning the new Function App using the Azure Portal
- 19 - Publishing the Function and testing the web application
3. Securing Your Web Application with Microsoft Entra ID
- 20 - Securing your web application with Microsoft Entra ID
- 21 - Creating the new Microsoft Entra ID (Azure AD) tenant
- 22 - Registering the application in the tenant
- 23 - Adding the required auth settings to the User Secrets
- 24 - Implementing authentication in the web application with MSAL
- 25 - Testing the web app locally and configuring the Redirect URI
- 26 - Publishing the web application to the deployment slot
4. Deploying Your App on Containers Using Azure Container Apps
- 27 - Deploying your app on containers using Azure Container Apps
- 28 - Provisioning the Azure Container Registry resource
- 29 - Exploring and understanding the refactored solution
- 30 - Creating the container images using the Azure CLI
- 31 - Creating the Azure Container Apps environment
- 32 - Creating the Container App for the web API
- 33 - Creating the Container App for the web application
- 34 - Testing the web application deployed on containers
Conclusion
- 35 - Next steps