microsoft partner logo color
8781  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

Course Description

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.

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.

Read Less

Course Details

Course Details

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

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
Ascendient Learning would like to occasionally share news about our services and career opportunities via e-mail when we believe it would be relevant to you. Would you like to opt-in to these communications? You may withdraw your consent at any time using the opt-out/preferences link in the emails sent.

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

The exit certified aws course provided a good introduction to the tools available on aws.

The instructor was thorough and they also provided hands-on demonstrations with labs.

ExitCertified was a great. They gave me all the materials and information I needed ahead of time to prepare for the course.

The technical data in the AWS Solutions Architect course was very thorough.

Overall experiance is very nice. the online training plateform is very advance.