microsoft partner logo color
8297  Reviews star_rate star_rate star_rate star_rate star_half

Full Stack Azure Static Web Apps and Data API Builder

The Full Stack Azure Static Web Apps and Data API Builder training course teaches attendees how to configure a Data API Builder project using the principles of REST APIs and GraphQL. This Azure...

Read More
By Request
Contact Us For Pricing
Duration 3 days
Course Code AZR-150
Available Formats Classroom

Overview

The Full Stack Azure Static Web Apps and Data API Builder training course teaches attendees how to configure a Data API Builder project using the principles of REST APIs and GraphQL. This Azure course provides practical experience incorporating authentication and authorization into a web application. Students also learn how to deploy a web application using a GitHub CI/CD pipeline, allowing them to develop, secure, and deploy sophisticated web applications.

Skills Gained

  • Explore Azure Static Web Apps and Data API Builder
  • Create a full stack web application with Azure Static Web Apps and Data API Builder
  • Learn the principles of REST APIs and GraphQL
  • Configure a Data API Builder project
  • Incorporate authentication and authorization into a web application
  • Deploy a web application using a GitHub CI/CD pipeline

Prerequisites

Students should have web development experience, especially with HTML/CSS/JavaScript. Familiarity with SQL databases, REST APIs, and GraphQL is helpful but not required.

Course Details

Training Materials

All students receive comprehensive courseware covering all topics in the course. Students will access the courseware through GitHub. The courseware is a collection of documents and extensive code samples. Students practice the topics covered through challenging hands-on lab exercises.

Software Requirements

Students need a free, personal GitHub account to access the courseware and perform automated deployments. Students will need a computer with a modern web browser, Visual Studio Code, .NET SDK, and Node.js installed. Also, students will need an Azure Subscription.

Outline

  • Introduction
    • What is an Azure Static Web App?
    • What is Data API Builder?
    • What is a CI/CD pipeline?
    • GitHub Deployment with Azure Static Web Apps and Data APIs
  • Azure Static Web Apps
    • Overview
    • Architecture
    • Features
    • Limitations
    • Pricing
    • Resources
  • Create a Static Web App
    • Install the Static Web App CLI
    • Create a Static Web App
    • Configure a Static Web App
    • Run a Static Web App Locally
    • Program a Static Web App
    • Incorporate a JavaScript Framework (for fuller coverage of Blazor, React, Angular, Vue, Svelte, or SolidJS consider extending this course to 4 or 5 days)
  • Data API Builder
    • Overview
    • Architecture
    • Features
    • Limitations
    • Pricing
    • Resources
  • REST APIs
    • What is a REST API?
    • REST API Design
    • HTTP Verbs and Paths
    • Query String
    • Status Codes
    • HTTP Headers & Body
    • REST API Client
  • GraphQL
    • What is GraphQL?
    • GraphQL Design
    • GraphQL Schema
    • Queries and Mutations
    • Operation Name
    • Variables
    • Aliases
    • Fragments
    • GraphQL Client
  • Azure SQL Database
    • What is Azure SQL Database?
    • Create an Azure SQL Database
    • Import Data
    • Query Data
    • Connect with a SQL Client
  • Create a Data API Builder Project
    • Install the Data API Builder DotNet Tool
    • Configure a Connection String using an Environment Variable
    • Create a Data API Builder Project
    • Configure a Data API Builder Project
    • Run a Data API Builder Project Locally
    • Implement Authentication and Authorization
    • Consume the Data API from the Static Web App
    • Link a Database Connection to the State Web App in Azure
  • GitHub CI/CD Pipeline
    • Connect GitHub to Azure Static Web Apps
    • Configure a GitHub CI/CD Pipeline
    • Deploy a Static Web App and Data API Builder Project
  • Conclusion
Read Less

Schedule

Upcoming Course Dates

There are currently no scheduled dates for this course. If you are interested in this course, contact us with the form below.

Contact Information
Address

FAQ

How do I get a Microsoft exam voucher?

Pearson Vue Exam vouchers can be requested and ordered with your course purchase or can be ordered separately by clicking here.

  • Vouchers are non-refundable and non-returnable. Vouchers expire 12 months from the date they are issued unless otherwise specified in the terms and conditions.
  • Voucher expiration dates cannot be extended. The exam must be taken by the expiration date printed on the voucher.

Do Microsoft courses come with post lab access?

Most Microsoft official courses will include post-lab access ranging from 30 to 180 calendar days after instructor led course delivery. A lab training key in class will be provided that can be leveraged to continue connecting to a remote lab environment for the individual course attendee.

Does the course schedule include a Lunchbreak?

Lunch is normally an hour-long after 3-3.5 hours of the class day.

What languages are used to deliver training?

Microsoft courses are conducted in English unless otherwise specified.

Reviews

This was effective way to provide a ton of information in a short time period.

I liked the pace of the course. I like that I have more than instance to use the lab.

Great training it covered the most importan topics if GitHub copilot with good explanation and good labs.

They were very good. They made sure everyone was able to get into the training and got all of the material needed for class.

It was very informative and covered all the required materials along with handson labs for practice.