К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Blazor for Front-End Development · LearnSpace
Назад в каталог
courseraПрограммирование

Blazor for Front-End Development

Курс от Microsoft
Начальный≈ 33.3 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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. By the end of this program, you will be able to… Define the basic concepts and features of Blazor, Blazor components, data binding, and rendering models. Describe the steps to create and configure Blazor projects, parent-child component communication, routing and navigation techniques, and advanced component techniques. Explain how to run and debug Blazor applications, lifecycle methods, event handling, state management, and hybrid rendering approaches. Develop a Blazor project with Microsoft Copilot, including writing, debugging, and optimizing Blazor code.

Навыки, которые вы освоите

Front-End Web DevelopmentServer SideUI ComponentsEvent-Driven ProgrammingDebuggingUser Interface (UI)Frontend PerformanceMicrosoft CopilotData ManagementWeb ApplicationsApplication FrameworksUser Interface and User Experience (UI/UX) DesignPerformance TuningWeb ComponentsUser Interface (UI) DesignMicrosoft Development Tools

Программа курса

5 модулей · 165 учебных материалов

01Setting Up Blazor Projects36 материалов

Introduction to Blazor for Front-End Development

Course IntroductionВидеоInstructor IntroductionВидеоCompleting the Guided LabsВидеоMicrosoft Tools for Front-End DevelopmentЧтение

Учитесь у экспертов

Microsoft

Преподаватель курса

Blazor for Front-End Development
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 33.3 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Узбекский, Итальянский, Корейский, Немецкий, Пушту, Индонезийский, Испанский, Дари, Японский, Казахский

Часть программы вашего университета
Connecting Your Front-End Experience to Modern Web Development with BlazorDIALOGUE
Introducing the AI Tool: Microsoft CopilotВидео
About the Course-End ProjectВидео

Introduction to Blazor

Introduction: Setting up Blazor ProjectsВидеоWhat is Blazor?ВидеоIntroduction to BlazorЧтениеBlazor Hosting ModelsВидеоKey Features of BlazorВидеоKey Steps to Create Web Applications Using BlazorЧтение Practice Quiz: Introduction to BlazorЗадание

Setting Up the Development Environment

Prerequisites for Creating a Blazor ProjectВидеоCreating a Blazor Project in Visual StudioВидеоInitial Setup of the Blazor ProjectВидеоSetting Up the Development EnvironmentЧтениеPractice Quiz: Setting Up the Development EnvironmentЗадание

Creating a Blazor Project

Configuring Project SettingsВидеоManaging DependenciesВидеоUsing appsettings.jsonВидеоSteps to Create a Blazor ProjectЧтениеPractice Quiz: Creating a Blazor ProjectЗадание

Running and Debugging Blazor Applications

Running Blazor ApplicationsВидеоDebugging Tools and TechniquesВидеоDebugging Tools and TechniquesЧтениеCommon Debugging ScenariosВидеоCommon Debugging ScenariosЧтениеSetting Up and Debugging a Blazor ProjectВидеоGuided Lab: Setting Up and Debugging a Blazor ProjectPLUGINYou Try It! Setting Up and Debugging a Blazor ProjectЛабораторнаяYou Try It! Setting Up and Debugging a Blazor Project - Answer KeyЧтениеPractice Quiz: Running and Debugging Blazor ApplicationsЗаданиеConclusion: Introduction to BlazorВидеоGraded Quiz: Setting Up Blazor ProjectsЗадание
02Blazor Components and Lifecycle37 материалов

Blazor Components and Their Types

Introduction: Blazor Components and LifecycleВидеоIntroduction to Blazor ComponentsВидеоTypes of Blazor ComponentsВидеоFeatures of Blazor ComponentsВидеоBlazor ComponentsЧтениеPractice Quiz: Blazor Components and Their TypesЗадание

Mastering the Lifecycle of Blazor Components

Introduction to Component LifecycleВидеоKey Lifecycle MethodsВидеоUsing Lifecycle Methods EffectivelyВидеоLifecycle of Blazor ComponentsЧтениеPractice Quiz: Mastering the Lifecycle of Blazor ComponentsЗадание

Communication Between Blazor Components: Parent-Child Interaction

Introduction to Component CommunicationВидеоParameter Passing in BlazorВидеоEvent Callbacks for Child-to-Parent CommunicationВидеоCommunication Between Blazor Components: Parent-Child InteractionЧтениеImplementing Parent-Child Component Communication and Lifecycle MethodsВидеоGuided Lab: Implementing Parent-Child Component Communication and Lifecycle MethodsPLUGIN

Building Reusable Components in Blazor

Benefits of Reusable ComponentsВидеоTechniques for Creating Reusable ComponentsВидеоTechniques for Creating Reusable ComponentsЧтениеReusable and Maintainable ComponentsВидеоBuilding Reusable Components in BlazorЧтениеPractice Quiz: Building Reusable Components in BlazorЗадание

Enhancing Blazor Components with Advanced Techniques

Advanced Component FeaturesВидеоPerformance Optimization TechniquesВидеоCustomizing Component BehaviorВидеоEnhancing Blazor Components with Advanced TechniquesЧтениеDesigning Reusable Components Using Advanced Blazor FeaturesВидеоGuided Lab: Designing Reusable Components Using Advanced Blazor FeaturesPLUGIN
03Data Binding, Event Handling, and Navigation38 материалов

Data Binding in Blazor

Introduction: Data Binding, Event Handling, and NavigationВидеоData BindingВидеоTypes of Data Binding in BlazorВидеоPractical Applications of Data BindingВидеоData Binding in BlazorЧтениеPractice Quiz: Data Binding in BlazorЗадание

Mastering Event Handling in Blazor Applications

Event HandlingВидеоHandling User EventsВидеоHandling User EventsЧтениеUsing Event CallbacksВидеоUsing Event CallbacksЧтениеPractice Quiz: Mastering Event Handling in Blazor ApplicationsЗадание

Navigating Blazor Applications: Routing and Navigation Techniques

Routing in BlazorВидеоImplementing NavigationВидеоImplementing NavigationЧтениеAdvanced Routing TechniquesВидеоNavigating Blazor Applications: Routing and Navigation TechniquesЧтениеImplementing Data Binding, Event Handling, and Navigation in a Blazor ApplicationВидео

Managing State in Blazor Applications

State ManagementВидеоTechniques for Managing StateВидеоBest Practices for State ManagementВидеоManaging State in Blazor ApplicationsЧтениеPractice Quiz: Managing State in Blazor ApplicationsЗадание

Best Practices for Form Handling and Validation in Blazor

Building Forms in BlazorВидеоImplementing Form ValidationВидеоImplementing Form ValidationЧтениеBest Practices for Form HandlingВидеоImplementing State Management and Form Handling/ValidationВидеоGuided Lab: Implementing State Management and Form Handling/ValidationPLUGIN
04Server-Side and Client-Side Rendering37 материалов

Introduction to Rendering Models in Blazor

Introduction: Server-Side and Client-Side RenderingВидеоRendering in BlazorВидеоServer-Side Rendering in BlazorВидеоClient-Side Rendering in BlazorВидеоIntroduction to Rendering Models in BlazorЧтениеPractice Quiz: Introduction to Rendering Models in BlazorЗадание

Use Cases of Server-Side Blazor

How Server-Side Blazor WorksВидеоUse Cases for Server-Side BlazorВидеоUse Cases of Server-Side BlazorЧтениеImplementing Server-Side Blazor ApplicationsВидеоGuided Lab: Implementing Server-Side Blazor ApplicationsPLUGINYou Try It! Implementing Server-Side Blazor ApplicationsЛабораторная

Use Cases of Client-Side Blazor

How Client-Side Blazor (Blazor WebAssembly) WorksВидеоBenefits of Client-Side BlazorВидеоUse Cases for Client-Side BlazorВидеоUse Cases of Client-Side BlazorЧтениеPractice Quiz: Use Cases of Client-Side BlazorЗадание

Hybrid Rendering in Blazor Applications

Hybrid RenderingВидеоImplementing Hybrid RenderingВидеоImplementing Hybrid RenderingЧтениеBenefits and Challenges of Hybrid RenderingВидеоPractice Quiz: Hybrid Rendering in Blazor ApplicationsЗадание

Performance Optimization in Blazor Applications

Performance Factors in BlazorВидеоOptimization TechniquesВидеоOptimization TechniquesЧтениеMonitoring and Analyzing PerformanceВидеоMonitoring and Analyzing PerformanceЧтениеEnhancing Blazor Application PerformanceВидео
05Using Microsoft Copilot for Blazor Development17 материалов

Enhancing Blazor Development with Microsoft Copilot

Introduction: Using Microsoft Copilot for Blazor DevelopmentВидеоCopilot's Role in Blazor DevelopmentВидеоBenefits of Using Microsoft CopilotВидео

Writing Blazor Code with Microsoft Copilot

Setting Up Copilot for Blazor DevelopmentВидеоWriting Blazor Components with CopilotВидеоCustomizing Copilot's SuggestionsВидеоActivity 1: Using Microsoft Copilot to Generate Blazor CodeЗадание

Debugging Blazor Applications with Microsoft Copilot

Identifying Performance Issues with CopilotВидеоImplementing Code OptimizationsВидеоContinuous Performance MonitoringВидеоActivity 2: Using Microsoft Copilot for Debugging and OptimizationЗадание

Develop a Blazor Project with Microsoft Copilot

Planning a Blazor Project with CopilotВидеоBuilding Blazor Components with CopilotВидеоTesting and Refining the ProjectВидеоActivity 3: Develop a Comprehensive Blazor Project with Microsoft CopilotЗадание

Project Submission

Submit Your ProjectВзаимная проверкаCourse ConclusionВидео
You Try It! Implementing Parent-Child Component Communication and Lifecycle MethodsЛабораторная
You Try It! Implementing Parent-Child Component Communication and Lifecycle Methods - Answer KeyЧтение
Practice Quiz: Communication Between Blazor Components: Parent-Child InteractionЗадание
You Try It! Designing Reusable Components Using Advanced Blazor FeaturesЛабораторная
You Try It! Designing Reusable Components Using Advanced Blazor FeaturesЧтение
Practice Quiz: Enhancing Blazor Components with Advanced TechniquesЗадание
Graded Quiz: Blazor Components and LifecycleЗадание
Conclusion: Blazor Components and LifecycleВидео
Guided Lab: Implementing Data Binding, Event Handling, and Navigation in a Blazor ApplicationPLUGIN
You Try It! Implementing Data Binding, Event Handling, and Navigation in a Blazor ApplicationЛабораторная
You Try It! Implementing Data Binding, Event Handling, and Navigation in a Blazor Application - Answer KeyЧтение
Practice Quiz: Navigating Blazor Applications: Routing and Navigation TechniquesЗадание
You Try It! Implementing State Management and Form Handling/ValidationЛабораторная
You Try It! Implementing State Management and Form Handling/Validation - Answer KeyЧтение
Practice Quiz: Best Practices for Form Handling and Validation in BlazorЗадание
Graded Quiz: Data Binding, Event Handling, and NavigationЗадание
Conclusion: Data Binding, Event Handling, and NavigationВидео
You Try It! Implementing Server-Side Blazor Applications - Answer KeyЧтение
Practice Quiz: Use Cases of Server-Side BlazorЗадание
Implementing Hybrid Rendering and Analyzing Blazor Application PerformanceВидео
Guided Lab: Implementing Hybrid Rendering and Analyzing Blazor Application PerformancePLUGIN
You Try It! Implementing Hybrid Rendering and Analyzing Blazor Application PerformanceЛабораторная
You Try It! Implementing Hybrid Rendering and Analyzing Blazor Application PerformanceЧтение
Practice Quiz: Performance Optimization in Blazor ApplicationsЗадание
Graded Quiz: Server-Side and Client-Side RenderingЗадание
Conclusion: Server-Side and Client-Side RenderingВидео