In this step by step tutorial, we'll build a language flashcard app using Blazor in .NET 8.0 and the Azure AI Translate service from start to finish. You'll learn how to build a simple client-side UI with Blazor and connect it to a set of back-end API endpoints. You'll also learn how to create an Azure AI Translate service and connect it to your API to translate words and other text. At the end, you'll even deploy the app out to App Service on Azure. This tutorial is aimed at beginners with some basic knowledge of .NET and Azure who are trying to learn how to improve these skills.
Completed project code:
github.com/ale...
Timestamps:
00:00:00 - Intro
00:03:24 - Create the UI project
00:07:13 - Create the UI markup
00:12:38 - Add Interactivity with Blazor
00:21:51 - Create the API project
00:24:15 - Create the API Endpoints
00:29:59 - Create the Azure AI Service
00:32:01 - Connect the API to Azure
00:41:28 - Connect the UI to the API
00:48:34 - Deploy to Azure
Icons:
www.flaticon.c...
www.flaticon.c...
www.flaticon.c...
16 авг 2024