Course Introduction
This course, titled Azure Tips and Tricks: Static Web Apps, is a comprehensive learning program designed to introduce learners to the architecture, capabilities, and practical implementation of Azure Static Web Apps. Throughout the course, students will learn essential concepts such as deployment workflows, authentication and authorization, serverless API integration, custom routing, database connectivity, and advanced development practices. It is tailored for beginners, developers, cloud learners, and IT professionals who want to build a strong foundation in developing and deploying modern static web applications using Microsoft Azure.
This course provides hands-on, real-world knowledge through short, practical, and focused video lessons. Each lesson is structured to help learners quickly grasp concepts and apply them immediately to real development scenarios.
Course Duration and Modules
Overall Duration
The full course spans approximately 2 weeks of study when following a guided pace.
Total Video Time
The combined duration of all 22 videos is 112 minutes (1 hour and 52 minutes).
Total Learning Hours
• Video Lessons: 2 hours
• Independent Hands-On Practice: 6 hours
• Assignments and Review: 4 hours
Total Estimated Learning Time: 12 hours
Weekly Commitment
Learners should dedicate 5–6 hours per week to complete the course effectively.
Pacing
The course is self-paced and designed to be completed within 1–2 weeks, depending on the learner’s workflow and practice time.
Course Modules & Video Lecture Titles
Module 1: Introduction to Azure Static Web Apps
1. What is Azure Static Web Apps and what can it be used for?
2. What tools do you need to work with Azure Static Web Apps?
3. How to deploy your first Azure Static Web Apps
Module 2: Deployment & CI/CD Workflow
4. How CI/CD and preview branches work with Azure Static Web Apps
5. How to create your personal blog with Gatsby & Azure Static Web Apps
Module 3: Core Web App Configuration
6. How to configure routing in Azure Static Web Apps
7. How to add an API to your Azure Static Web App
8. How to integrate authentication
9. How to configure authorization in Azure Static Web Apps
10. How to set up a custom domain name in Azure Static Web Apps
Module 4: C# & API Development
11. How to create a web app in C# with Blazor & Azure Static Web Apps
12. How to add a C# API to your Blazor web app
13. How to secure your C# API with Azure Static Web Apps
Module 5: JavaScript and GitHub Templates
14. Create JavaScript serverless apps with Azure Static Web Apps
15. How to create your Azure Static Web Apps from a GitHub template
Module 6: Databases & Back-End Connectivity
16. Setup Cosmos DB with a MongoDB API to use with Azure Static Web Apps
17. Setup Azure SQL Database to use with Azure Static Web Apps
18. Run, build and deploy your apps with the new Azure Static Web Apps CLI
Module 7: Debugging and Advanced Development
19. End-to-end browser debugging of your Azure Static Web Apps with Visual Studio Code
20. Create blazing-fast web apps with Next.js and Azure Static Web Apps
21. Connect to a Database directly from Static Web Apps
22. Query a Database using GraphQL from your Static Web Apps
Course Presenter
This course is presented by the Microsoft Developer Team, specialists with extensive experience in cloud development, serverless computing, and web application architecture. The presenters are known for their clear instructional style, practical demonstrations, and ability to simplify complex cloud technologies into beginner-friendly concepts. Their teaching approach emphasizes hands-on learning, real-world use cases, and actionable guidance.
Course Certificate
Upon successful completion, learners will receive the Qalam Scholar Certificate, internationally recognized and embedded with a barcode verification system. This ensures authenticity and enhances professional credibility, supporting learners in pursuing both national and international career opportunities in web development and cloud-based technologies.
Learning Objectives
By the end of this course, students will be able to:
- Understand the core concepts and architecture of Azure Static Web Apps.
- Deploy static web applications using Azure and GitHub workflows.
- Configure routing, authentication, and authorization for secure app development.
- Integrate serverless APIs and databases into Azure Static Web Apps.
- Build and debug applications using modern frameworks such as Next.js and Blazor.
- Apply best practices to improve performance, scalability, and security.