This course focuses on UI/UX design principles and their application in Blazor Pages. You'll learn to create responsive, user-centered designs, leveraging Microsoft Copilot to enhance CSS, generate design suggestions, and improve workflows.

您将获得的技能
要了解的详细信息

添加到您的领英档案
26 项作业
了解顶级公司的员工如何掌握热门技能

积累特定领域的专业知识
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 通过 Microsoft 获得可共享的职业证书

该课程共有5个模块
This module provides an introduction to Blazor and its key features. You’ll start by learning the basic concepts of Blazor and what makes it unique. Then, you’ll go through the steps to create a new Blazor project from scratch. Next, you’ll learn how to configure project settings and dependencies to set up your project properly. You’ll also explore how to run and debug Blazor applications to ensure everything works smoothly. Finally, you'll attempt a quiz designed to assess your grasp of these topics, leaving you with the core skills needed to begin building and troubleshooting your own Blazor applications.
涵盖的内容
20个视频8篇阅读材料5个作业1个非评分实验室1个插件
20个视频• 总计98分钟
- Course Introduction• 2分钟
- Instructor Introduction• 2分钟
- Completing the Guided Labs• 4分钟
- Introducing the AI Tool: Microsoft Copilot• 3分钟
- About the Course-End Project• 2分钟
- Introduction: Setting up Blazor Projects• 1分钟
- What is Blazor?• 7分钟
- Blazor Hosting Models• 7分钟
- Key Features of Blazor• 5分钟
- Prerequisites for Creating a Blazor Project• 13分钟
- Creating a Blazor Project in Visual Studio• 5分钟
- Initial Setup of the Blazor Project• 5分钟
- Configuring Project Settings• 4分钟
- Managing Dependencies• 8分钟
- Using appsettings.json• 7分钟
- Running Blazor Applications• 5分钟
- Debugging Tools and Techniques• 3分钟
- Common Debugging Scenarios• 7分钟
- Setting Up and Debugging a Blazor Project• 7分钟
- Conclusion: Introduction to Blazor• 2分钟
8篇阅读材料• 总计90分钟
- Microsoft Tools for Front-End Development• 10分钟
- Introduction to Blazor• 10分钟
- Key Steps to Create Web Applications Using Blazor• 10分钟
- Setting Up the Development Environment• 15分钟
- Steps to Create a Blazor Project• 15分钟
- Debugging Tools and Techniques• 10分钟
- Common Debugging Scenarios• 10分钟
- You Try It! Setting Up and Debugging a Blazor Project - Answer Key• 10分钟
5个作业• 总计60分钟
- Graded Quiz: Setting Up Blazor Projects• 20分钟
- Practice Quiz: Introduction to Blazor• 10分钟
- Practice Quiz: Setting Up the Development Environment• 10分钟
- Practice Quiz: Creating a Blazor Project• 10分钟
- Practice Quiz: Running and Debugging Blazor Applications• 10分钟
1个非评分实验室• 总计60分钟
- You Try It! Setting Up and Debugging a Blazor Project• 60分钟
1个插件• 总计15分钟
- Guided Lab: Setting Up and Debugging a Blazor Project• 15分钟
This module introduces Blazor components and how to work with them. You’ll learn about the different types of components and their purposes. Then, you’ll explore lifecycle methods to control what components do at different stages. You’ll also see how parent and child components share data and learn how to create reusable components to save time. Finally, you’ll discover advanced techniques to make components even more powerful. The module concludes with a quiz to solidify your understanding, equipping you to build clean, modular, and efficient Blazor applications.
涵盖的内容
19个视频8篇阅读材料6个作业2个非评分实验室2个插件
19个视频• 总计83分钟
- Introduction: Blazor Components and Lifecycle• 2分钟
- Introduction to Blazor Components• 7分钟
- Types of Blazor Components• 4分钟
- Features of Blazor Components• 5分钟
- Introduction to Component Lifecycle• 2分钟
- Key Lifecycle Methods• 4分钟
- Using Lifecycle Methods Effectively• 6分钟
- Introduction to Component Communication• 5分钟
- Parameter Passing in Blazor• 4分钟
- Event Callbacks for Child-to-Parent Communication• 6分钟
- Implementing Parent-Child Component Communication and Lifecycle Methods• 4分钟
- Benefits of Reusable Components• 3分钟
- Techniques for Creating Reusable Components• 4分钟
- Reusable and Maintainable Components• 4分钟
- Advanced Component Features• 5分钟
- Performance Optimization Techniques• 4分钟
- Customizing Component Behavior• 5分钟
- Designing Reusable Components Using Advanced Blazor Features• 8分钟
- Conclusion: Blazor Components and Lifecycle• 2分钟
8篇阅读材料• 总计85分钟
- Blazor Components• 10分钟
- Lifecycle of Blazor Components• 10分钟
- Communication Between Blazor Components: Parent-Child Interaction• 10分钟
- You Try It! Implementing Parent-Child Component Communication and Lifecycle Methods - Answer Key• 10分钟
- Techniques for Creating Reusable Components• 10分钟
- Building Reusable Components in Blazor• 10分钟
- Enhancing Blazor Components with Advanced Techniques• 15分钟
- You Try It! Designing Reusable Components Using Advanced Blazor Features• 10分钟
6个作业• 总计150分钟
- Graded Quiz: Blazor Components and Lifecycle• 50分钟
- Practice Quiz: Blazor Components and Their Types• 20分钟
- Practice Quiz: Mastering the Lifecycle of Blazor Components• 20分钟
- Practice Quiz: Communication Between Blazor Components: Parent-Child Interaction• 20分钟
- Practice Quiz: Building Reusable Components in Blazor• 20分钟
- Practice Quiz: Enhancing Blazor Components with Advanced Techniques• 20分钟
2个非评分实验室• 总计120分钟
- You Try It! Implementing Parent-Child Component Communication and Lifecycle Methods• 60分钟
- You Try It! Designing Reusable Components Using Advanced Blazor Features• 60分钟
2个插件• 总计30分钟
- Guided Lab: Implementing Parent-Child Component Communication and Lifecycle Methods• 15分钟
- Guided Lab: Designing Reusable Components Using Advanced Blazor Features• 15分钟
This module covers the essential skills for building Blazor applications. You’ll start by learning about data binding, which connects your app’s data to the user interface. Next, you’ll explore how to handle events like button clicks and user actions. You’ll also learn about routing and navigation to move between pages in your app. The module will explain state management, which helps keep track of data as users interact with your app. Finally, you’ll discover the best form handling and validation practices to ensure smooth and accurate user input. The module ends with a quiz to assess your command of these essential concepts, preparing you to build fully interactive and reliable Blazor applications.
涵盖的内容
19个视频9篇阅读材料6个作业2个非评分实验室2个插件
19个视频• 总计91分钟
- Introduction: Data Binding, Event Handling, and Navigation• 2分钟
- Data Binding• 3分钟
- Types of Data Binding in Blazor• 3分钟
- Practical Applications of Data Binding• 4分钟
- Event Handling• 5分钟
- Handling User Events• 6分钟
- Using Event Callbacks• 8分钟
- Routing in Blazor• 5分钟
- Implementing Navigation• 6分钟
- Advanced Routing Techniques• 5分钟
- Implementing Data Binding, Event Handling, and Navigation in a Blazor Application• 8分钟
- State Management• 4分钟
- Techniques for Managing State• 4分钟
- Best Practices for State Management• 4分钟
- Building Forms in Blazor• 6分钟
- Implementing Form Validation• 5分钟
- Best Practices for Form Handling• 6分钟
- Implementing State Management and Form Handling/Validation• 6分钟
- Conclusion: Data Binding, Event Handling, and Navigation• 2分钟
9篇阅读材料• 总计100分钟
- Data Binding in Blazor• 10分钟
- Handling User Events• 10分钟
- Using Event Callbacks• 10分钟
- Implementing Navigation• 15分钟
- Navigating Blazor Applications: Routing and Navigation Techniques• 15分钟
- You Try It! Implementing Data Binding, Event Handling, and Navigation in a Blazor Application - Answer Key• 10分钟
- Managing State in Blazor Applications• 10分钟
- Implementing Form Validation• 10分钟
- You Try It! Implementing State Management and Form Handling/Validation - Answer Key• 10分钟
6个作业• 总计150分钟
- Graded Quiz: Data Binding, Event Handling, and Navigation• 50分钟
- Practice Quiz: Data Binding in Blazor• 20分钟
- Practice Quiz: Mastering Event Handling in Blazor Applications• 20分钟
- Practice Quiz: Navigating Blazor Applications: Routing and Navigation Techniques• 20分钟
- Practice Quiz: Managing State in Blazor Applications• 20分钟
- Practice Quiz: Best Practices for Form Handling and Validation in Blazor• 20分钟
2个非评分实验室• 总计120分钟
- You Try It! Implementing Data Binding, Event Handling, and Navigation in a Blazor Application• 60分钟
- You Try It! Implementing State Management and Form Handling/Validation• 60分钟
2个插件• 总计30分钟
- Guided Lab: Implementing Data Binding, Event Handling, and Navigation in a Blazor Application• 15分钟
- Guided Lab: Implementing State Management and Form Handling/Validation• 15分钟
This module explores Blazor's rendering models and their use cases. You’ll start by learning how server-side and client-side rendering differ. Then, you’ll dive into server-side Blazor, understanding its concepts and when to use it. Next, you’ll discover client-side Blazor (Blazor WebAssembly) and its key use cases. The module also covers hybrid rendering approaches that combine the strengths of both models. Finally, you’ll learn about performance considerations for building efficient and responsive Blazor applications. A final quiz will assess your ability to make these architectural decisions, ensuring you can select and optimize the right rendering model for any project.
涵盖的内容
19个视频8篇阅读材料6个作业2个非评分实验室2个插件
19个视频• 总计81分钟
- Introduction: Server-Side and Client-Side Rendering• 2分钟
- Rendering in Blazor• 4分钟
- Server-Side Rendering in Blazor• 4分钟
- Client-Side Rendering in Blazor• 4分钟
- How Server-Side Blazor Works• 4分钟
- Use Cases for Server-Side Blazor• 2分钟
- Implementing Server-Side Blazor Applications• 4分钟
- How Client-Side Blazor (Blazor WebAssembly) Works• 3分钟
- Benefits of Client-Side Blazor• 3分钟
- Use Cases for Client-Side Blazor• 3分钟
- Hybrid Rendering• 3分钟
- Implementing Hybrid Rendering• 4分钟
- Benefits and Challenges of Hybrid Rendering• 5分钟
- Performance Factors in Blazor• 5分钟
- Optimization Techniques• 4分钟
- Monitoring and Analyzing Performance• 4分钟
- Enhancing Blazor Application Performance• 12分钟
- Implementing Hybrid Rendering and Analyzing Blazor Application Performance• 8分钟
- Conclusion: Server-Side and Client-Side Rendering• 2分钟
8篇阅读材料• 总计85分钟
- Introduction to Rendering Models in Blazor• 15分钟
- Use Cases of Server-Side Blazor• 10分钟
- You Try It! Implementing Server-Side Blazor Applications - Answer Key• 10分钟
- Use Cases of Client-Side Blazor• 10分钟
- Implementing Hybrid Rendering• 10分钟
- Optimization Techniques• 10分钟
- Monitoring and Analyzing Performance• 10分钟
- You Try It! Implementing Hybrid Rendering and Analyzing Blazor Application Performance• 10分钟
6个作业• 总计150分钟
- Graded Quiz: Server-Side and Client-Side Rendering• 50分钟
- Practice Quiz: Introduction to Rendering Models in Blazor• 20分钟
- Practice Quiz: Use Cases of Server-Side Blazor• 20分钟
- Practice Quiz: Use Cases of Client-Side Blazor• 20分钟
- Practice Quiz: Hybrid Rendering in Blazor Applications• 20分钟
- Practice Quiz: Performance Optimization in Blazor Applications• 20分钟
2个非评分实验室• 总计120分钟
- You Try It! Implementing Server-Side Blazor Applications• 60分钟
- You Try It! Implementing Hybrid Rendering and Analyzing Blazor Application Performance• 60分钟
2个插件• 总计30分钟
- Guided Lab: Implementing Server-Side Blazor Applications• 15分钟
- Guided Lab: Implementing Hybrid Rendering and Analyzing Blazor Application Performance• 15分钟
This module focuses on using Microsoft Copilot to streamline Blazor development. You’ll start by learning how Copilot can assist in creating Blazor pages. Then, you’ll explore how to use it to write Blazor code efficiently and debug applications to fix issues quickly. You’ll also discover how Copilot helps optimize Blazor code for better performance. Finally, the module ends with a final project where you will build a complete Blazor solution, relying on Copilot as a key tool to streamline the process. This hands-on experience will demonstrate just how much faster and more efficient your development can become, turning Copilot into an essential partner for building powerful Blazor applications.
涵盖的内容
13个视频3个作业1次同伴评审
13个视频• 总计85分钟
- Introduction: Using Microsoft Copilot for Blazor Development• 2分钟
- Copilot's Role in Blazor Development• 3分钟
- Benefits of Using Microsoft Copilot• 4分钟
- Setting Up Copilot for Blazor Development• 5分钟
- Writing Blazor Components with Copilot• 8分钟
- Customizing Copilot's Suggestions• 10分钟
- Identifying Performance Issues with Copilot• 6分钟
- Implementing Code Optimizations• 6分钟
- Continuous Performance Monitoring• 4分钟
- Planning a Blazor Project with Copilot• 10分钟
- Building Blazor Components with Copilot• 12分钟
- Testing and Refining the Project• 12分钟
- Course Conclusion• 2分钟
3个作业• 总计90分钟
- Activity 1: Using Microsoft Copilot to Generate Blazor Code• 30分钟
- Activity 2: Using Microsoft Copilot for Debugging and Optimization• 30分钟
- Activity 3: Develop a Comprehensive Blazor Project with Microsoft Copilot• 30分钟
1次同伴评审• 总计60分钟
- Submit Your Project• 60分钟
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师

提供方

提供方

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.
从 Mobile and Web Development 浏览更多内容
人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
学生评论
24 条评论
- 5 stars
66.66%
- 4 stars
16.66%
- 3 stars
8.33%
- 2 stars
8.33%
- 1 star
0%
显示 3/24 个
已于 Mar 15, 2025审阅
Outstanding topic easier practices and implementation
已于 Nov 15, 2025审阅
Overall course is really good. But I'm in a trouble, not knowing how many days it will take for after completeing my project. I'm waiting for the response it's been 3-5 days....
常见问题
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.
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.
更多问题
提供助学金,





