This course explores the architecture and components of full-stack development, focusing on API integration and state management. You'll learn to build and optimize full-stack projects, leveraging Microsoft Copilot for writing, debugging, and enhancing integration code.
By the end of the course, you will be able to…
Describe the components and architecture of full-stack development, techniques for handling API responses, and state management methods
Explain the steps to set up a full-stack development environment, create and consume APIs in front-end applications, and concepts of asynchronous programming with APIs
Define the basics of API consumption in Blazor applications, and state management in the context of full-stack applications
Develop a full-stack integration project using Microsoft Copilot, including writing, debugging, and optimizing integration code
In this module, you will learn the essentials of connecting front-end and back-end components in a full-stack application. You’ll explore the architecture of full-stack development, setting up a development environment, and building RESTful APIs for front-end integration. The module also covers creating and consuming APIs in front-end applications and applying these skills to real-world integration scenarios. By the end, you’ll be equipped to seamlessly connect front-end and back-end components for dynamic, full-stack solutions.
涵盖的内容
25个视频12篇阅读材料7个作业3个非评分实验室3个插件
显示有关单元内容的信息
25个视频•总计106分钟
Course Introduction: Full-Stack Integration•3分钟
Instructor Introduction•2分钟
The What’s What of the Course•3分钟
Completing the Guided Labs•4分钟
Introducing the AI Tool: Microsoft Copilot•3分钟
How to Be Successful in This Program•5分钟
Introduction to the Project•4分钟
Introduction to Connecting Front-End and Back-End Components•3分钟
Components of Full-Stack Development•4分钟
Full-Stack Architectural Patterns•4分钟
Overview of Required Tools and Frameworks•4分钟
Configuring Development Tools in VS Code•5分钟
Setting Up a Full-Stack Development Environment•4分钟
Introduction to RESTful API Design•5分钟
RESTful API Concepts in .NET Minimal APIs•6分钟
Using System.Text.Json for JSON Serialization•4分钟
RESTful API Implementation in VS Code•8分钟
Building a RESTful API•4分钟
Creating APIs for Front-End Applications•4分钟
Integrating APIs in Blazor Applications•5分钟
Consuming APIs in a Blazor Application•7分钟
API Consumption in a Blazor-Based Front-End Application•3分钟
Common Use Cases for Front-End and Back-End Integration•4分钟
Project-Based Examples of Full-Stack Integration•4分钟
Conclusion: Connecting Front-End and Back-End Components•2分钟
12篇阅读材料•总计140分钟
Course Syllabus: Full-Stack Integration•10分钟
Completing the Guided Labs•30分钟
Microsoft Tools for Full-Stack Development•10分钟
Components and Architecture in Full-Stack Development•10分钟
You Try It! Setting Up a Full-Stack Development Environment - Answer Key•10分钟
Configuring a Full-Stack Development Environment with VS Code•10分钟
You Try It! Building a RESTful API - Answer Key•10分钟
RESTful APIs: Concepts and Implementation•10分钟
You Try It! Implementing API Consumption in React - Answer Key•10分钟
API Consumption in Front-End Applications•10分钟
Activity: Analyzing Full-Stack Integration in Industry - Answer Key•10分钟
Real-World Full-Stack Integration Scenarios•10分钟
7个作业•总计185分钟
Graded Quiz: Connecting Front-End and Back-End Components•50分钟
Practice Quiz: Full-Stack Development Architecture•15分钟
Practice Quiz: Setting Up the Full-Stack Development Environment•20分钟
Practice Quiz: Building RESTful APIs for Front-End Integration•25分钟
Practice Quiz: Creating and Consuming APIs in Front-End Applications•30分钟
Activity: Analyzing Full-Stack Integration in Industry•30分钟
Practice Quiz: Real-World Scenarios of Full-Stack Integration•15分钟
3个非评分实验室•总计180分钟
You Try It! Setting Up a Full-Stack Development Environment•60分钟
You Try It! Building a RESTful API•60分钟
You Try It! Implementing API Consumption in React•60分钟
3个插件•总计45分钟
Guided Lab: Setting Up a Full-Stack Development Environment•15分钟
Guided Lab: Building a RESTful API•15分钟
Guided Lab: Implementing API Consumption in React•15分钟
Consuming APIs in Blazor Applications
第 2 单元•小时 后完成
单元详情
In this module, you will learn how to consume APIs effectively in Blazor applications. You’ll explore the basics of API consumption, making API calls, and handling API responses in Blazor. The module also introduces asynchronous programming concepts and best practices for integrating APIs into your applications. By the end, you’ll be able to build responsive and robust Blazor applications that interact seamlessly with external APIs.
涵盖的内容
15个视频9篇阅读材料7个作业3个非评分实验室3个插件
显示有关单元内容的信息
15个视频•总计71分钟
Introduction to Consuming APIs in Blazor Applications•4分钟
Overview of API Consumption in Blazor Applications•3分钟
Key Blazor API Integration Concepts•5分钟
Making GET Requests in Blazor Using HTTPClient•8分钟
Handling Errors and Edge Cases in API Calls•4分钟
Implementing API Calls in Blazor Applications•4分钟
Processing JSON Responses in Blazor•4分钟
Managing State and API Data Updates•7分钟
Handling API Responses and State Management in Blazor•3分钟
Introduction to Asynchronous Programming Concepts•5分钟
Managing Asynchronous API Calls in Blazor•6分钟
Implementing Asynchronous API Calls in Blazor Applications•2分钟
Performance Optimization in API Calls•4分钟
Security and Maintainability in API Integration•8分钟
Conclusion: Consuming APIs in Blazor Applications•3分钟
9篇阅读材料•总计110分钟
The Role of APIs in Blazor Applications•10分钟
You Try It! Implementing API Calls in Blazor Applications - Answer Key•10分钟
Implementing API Calls with HTTPClient in Blazor•10分钟
You Try It! Handling API Responses and State Management in Blazor - Answer Key•10分钟
State Management and API Responses in Blazor Applications•10分钟
You Try It! Implementing Asynchronous API Calls in Blazor Applications - Answer Key•30分钟
Managing Asynchronous Programming in Blazor•10分钟
Activity: Analyze a Public API - Answer Key•10分钟
Best Practices for API Integration in Blazor Applications•10分钟
7个作业•总计170分钟
Graded Quiz: Consuming APIs in Blazor Applications•50分钟
Practice Quiz: Fundamentals of API Consumption in Blazor•15分钟
Practice Quiz: Making API Calls in Blazor Applications•15分钟
Practice Quiz: Handling API Responses in Blazor Applications•20分钟
Practice Quiz: Asynchronous Programming in Blazor API Consumption•20分钟
Activity: Analyze a Public API•30分钟
Practice Quiz: Best Practices for API Integration in Blazor•20分钟
3个非评分实验室•总计180分钟
You Try It! Implementing API Calls in Blazor Applications•60分钟
You Try It! Handling API Responses and State Management in Blazor•60分钟
You Try It! Implementing Asynchronous API Calls in Blazor Applications•60分钟
3个插件•总计60分钟
Guided Lab: Implementing API Calls in Blazor Applications•30分钟
Guided Lab: Handling API Responses and State Management in Blazor•15分钟
Guided Lab: Implementing Asynchronous API Calls in Blazor Applications•15分钟
State Management and Client-Server Communication
第 3 单元•小时 后完成
单元详情
In this module, you will explore state management and client-server communication in full-stack applications. You’ll learn about client-side and server-side state management techniques, as well as strategies for enabling real-time communication. The module also covers best practices for managing state effectively in dynamic, full-stack environments. By the end, you’ll be able to implement robust state management and seamless communication in your applications.
涵盖的内容
15个视频9篇阅读材料7个作业3个非评分实验室3个插件
显示有关单元内容的信息
15个视频•总计73分钟
Introduction to State Management and Client-Server Communication•3分钟
Overview of State Management Concepts•5分钟
The Role of State Management in Application Consistency•4分钟
Overview of Client-Side Storage Tools•3分钟
Managing State Across User Sessions•6分钟
Implementing Client-Side State Management in Blazor•4分钟
Overview of Server-Side State Techniques•5分钟
Practical Server-Side State Strategies•8分钟
Server-Side State Management in a Full-Stack Application•3分钟
Introduction to Real-Time Communication•3分钟
Implementing SignalR in a Full-Stack Application•9分钟
Implementing Real-Time Communication Using SignalR•4分钟
Key Principles for State Management•5分钟
Strategies for Managing State Across Client and Server•9分钟
Conclusion: State Management and Client-Server Communication•2分钟
9篇阅读材料•总计90分钟
Maintaining Application State: Tools and Strategies•10分钟
You Try It! Implementing Client-Side State Management in Blazor - Answer Key•10分钟
Client-Side State Management in Practice•10分钟
You Try It! Server-Side State Management in a Full-Stack Application - Answer Key•10分钟
Server-Side State Management: Sessions and Caching Explained•10分钟
You Try It! Implementing Real-Time Communication Using SignalR - Answer Key•10分钟
Real-Time Communication in Full-Stack Applications•10分钟
Best Practices for State Management in Full-Stack Applications•10分钟
Activity: State Management Strategy Review - Answer Key•10分钟
7个作业•总计155分钟
Graded Quiz: State Management and Client-Server Communication•50分钟
Practice Quiz: Introduction to State Management in Full-Stack Applications•15分钟
Practice Quiz: Implementing Client-Side State Management Techniques•15分钟
Practice Quiz: Implementing Server-Side State Management•15分钟
Practice Quiz: Implementing Real-Time Communication in Full-Stack Applications•15分钟
Activity: State Management Strategy Review•30分钟
Practice Quiz: Best Practices for State Management•15分钟
3个非评分实验室•总计180分钟
You Try It! Implementing Client-Side State Management in Blazor•60分钟
You Try It! Server-Side State Management in a Full-Stack Application•60分钟
You Try It! Implementing Real-Time Communication Using SignalR•60分钟
3个插件•总计45分钟
Guided Lab: Implementing Client-Side State Management in Blazor•15分钟
Guided Lab: Server-Side State Management in a Full-Stack Application•15分钟
Guided Lab: Implementing Real-Time Communication Using SignalR•15分钟
Using Copilot for Integrating Front-End and Back-End Code
第 4 单元•小时 后完成
单元详情
In this module, you will learn how to use Microsoft Copilot to streamline the integration of front-end and back-end components in full-stack applications. You’ll explore how to write integration code, debug issues, and create optimized JSON structures for API responses. The module also guides you through optimizing integration code for performance and completing a full-stack integration project with Copilot. By the end, you’ll be able to leverage Copilot to efficiently build and enhance full-stack applications.
涵盖的内容
12个视频6篇阅读材料4个作业1次同伴评审
显示有关单元内容的信息
12个视频•总计62分钟
Introduction to Using Copilot for Integrating Front-End and Back-End Code•3分钟
Introduction to Integration Code with Copilot•4分钟
Generating Integration Code with Copilot•8分钟
Common Integration Issues and Debugging Techniques•4分钟
Debugging Integration Code with Copilot•7分钟
Introduction to JSON Structures for API Integration•4分钟
Managing Nested and Complex JSON Structures with Copilot•6分钟
Identifying Performance Bottlenecks in Integration Code•4分钟
Demonstrating Code Optimization Techniques with Copilot•6分钟
Planning the Full-Stack Integration Project•5分钟
Developing and Refining the Integration Code Using Microsoft Copilot•10分钟
Course Conclusion: Full-Stack Integration•2分钟
6篇阅读材料•总计60分钟
Using AI for Integration Code: A Practical Guide•10分钟
Debugging Integration Issues with AI Assistance•10分钟
Understanding JSON Structures for API Integration•10分钟
Optimizing Integration Code for Performance•10分钟
Planning Full-Stack Projects: A Guide to Blazor and .NET Integration•10分钟
Deploying and Optimizing Full-Stack Applications with Blazor and .NET Core•10分钟
4个作业•总计120分钟
Activity: Writing Integration Code with Copilot•30分钟
Activity: Debugging and Fixing Integration Issues with Copilot•30分钟
Activity: Creating and Managing JSON with Microsoft Copilot•30分钟
Activity: Optimizing Integration Code for Performance Using Microsoft Copilot•30分钟
1次同伴评审•总计60分钟
Project: Building and Deploying the Full-Stack Integration Project•60分钟
Our goal at Microsoft is to empower every individual and organization on the planet to achieve more.
In this next revolution of digital transformation, growth is being driven by technology. Our integrated cloud approach creates an unmatched platform for digital transformation. We address the real-world needs of customers by seamlessly integrating Microsoft 365, Dynamics 365, LinkedIn, GitHub, Microsoft Power Platform, and Azure to unlock business value for every organization—from large enterprises to family-run businesses. The backbone and foundation of this is Azure.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Certificate?
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.