YoVDO

Azure Static Web Apps

Offered By: Microsoft via Microsoft Learn

Tags

Microsoft Azure Courses Web Development Courses Javascript Courses React Courses Angular Courses GitHub Courses Vue JS Courses Svelte Courses Azure Functions Courses User Authentication Courses Azure Static Web Apps Courses

Course Description

Overview

  • Module 1: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps. Use Visual Studio Code to create and run the web app locally.

    • In this module, you will:

    • Choose an existing web app project with either Angular, React, Svelte or Vue
    • Run the application locally
    • Publish the app to Azure Static Web Apps
  • Module 2: Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps and Azure Functions. Deploy your code from GitHub to a staging site using preview URLs.

    • In this module, you will:

    • Choose an existing web app project with either Angular, React, Svelte or Vue
    • Create an API for the app with Azure Functions
    • Run the application locally
    • Publish the app to Azure Static Web Apps
    • Publish the app and its API to Azure Static Web Apps to a staging site
  • Module 3: Publish an Angular, React, Svelte, or Vue JavaScript app with API and authentication using Azure Static Web Apps and Azure Functions. Deploy your code from GitHub to a staging site using preview URLs.

    • In this module, you will:

    • Choose an existing web app project with either Angular, React, Svelte or Vue
    • Publish the app and its API to Azure Static Web Apps
    • Integrate user authentication in an existing web app
    • Block unauthenticated users and allow only specific authentication providers
  • Module 4: Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps

    • In this module, you will:

    • Clone and run an existing Blazor web app locally
    • Create an API for the app with Azure Functions
    • Publish the app and its API to Azure Static Web Apps
  • Module 5: Use Gatsby and React to develop a static web app, then deploy it to the web with Azure Static Web Apps.

    • In this module, you will:

    • Use Gatsby to create a static web app
    • Add data to a page in the app with a GraphQL query
    • Deploy your app to the web with Azure Static Web Apps

Syllabus

  • Module 1: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps
    • Introduction
    • Exercise - Get started
    • Plan your Azure Static Web App
    • Exercise - Create an Azure Static Web App
    • Summary
  • Module 2: Publish an API to Azure Static Web Apps
    • Introduction
    • Exercise - Get started
    • Build an API with Azure Functions
    • Exercise - Create an Azure Functions project
    • Publish the API with GitHub Actions
    • Exercise - Publish the API with GitHub Actions
    • Knowledge check
    • Summary
  • Module 3: Authenticate users with Azure Static Web Apps
    • Introduction
    • Exercise - Get started
    • Manage authentication in Static Web Apps
    • Exercise - Add user authentication
    • Configure access for providers and roles
    • Exercise - Configure authentication providers and access
    • Summary
  • Module 4: Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps
    • Introduction
    • Exercise - Get started
    • Plan your Azure Static Web App
    • Exercise - Create an Azure Static Web App
    • Configure fallback routes
    • Exercise - Create your fallback routes
    • Build an API with Azure Functions
    • Exercise - Create an Azure Functions project
    • Publish the API with GitHub Actions
    • Exercise - Publish the API with GitHub Actions
    • Knowledge check
    • Summary
  • Module 5: Create and publish a static web app with Gatsby and Azure Static Web Apps
    • Introduction
    • Create a static app with Gatsby
    • Exercise - Create a static app with Gatsby
    • Add data to your Gatsby app
    • Exercise - Add data to your Gatsby app
    • Build and deploy to Azure Static Web Apps
    • Exercise - Build and deploy to Azure Static Web Apps
    • Knowledge check
    • Summary

Tags

Related Courses

Introduction to ReactJS
Microsoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity