Build and Learn ASP.NET 6.0 Blazor Hands-On

Build and Learn ASP.NET 6.0 Blazor Hands-On

位教师：Packt - Course Instructors

访问权限由 New York State Department of Labor 提供

13个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

13个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

Integrate user-friendly features like modals, dynamic titles, and loading indicators for seamless interactions.
Utilize advanced Blazor concepts such as lifecycle methods, event handling, and two-way data binding.
Implement authentication and authorization for secure user data handling.
Build dynamic Blazor applications using ASP.NET 6.0 with full CRUD functionality.

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

13 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

该课程共有13个模块

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course.

In this course, you'll learn to build a full-fledged Blazor application using ASP.NET 6.0. By following a hands-on approach, you will be guided through the entire process of creating a dynamic movie app with CRUD (Create, Read, Update, Delete) functionality, authentication, and real-time data updates. You’ll start with an introduction to Blazor and gradually progress to advanced concepts like asynchronous programming, lifecycle methods, and event handling, ensuring you gain comprehensive knowledge and practical skills. The course begins with the migration of a Blazor app from ASP.NET Core 3.1 to ASP.NET 6.0, then dives deep into building Blazor components, creating interactive forms, and implementing data access services. You’ll explore the nuances of authentication and authorization, building complex user interfaces, and adding dynamic elements like modals and loading indicators to enhance the user experience. This course is ideal for developers who want to learn how to create powerful web applications using Blazor in ASP.NET 6.0. Whether you are a beginner or an intermediate developer, you will get hands-on experience working with ASP.NET Core, Blazor, and modern web development practices. By the end of the course, you will be able to develop a fully functional Blazor application with advanced features such as user authentication, authorization, paginated data, and dynamic content, while also understanding how to efficiently manage data and handle errors in real-time applications.

In this module, we will introduce you to Blazor, its capabilities, and the key features of the course. You will also get a live demonstration of the completed Blazor Movie App, which will serve as the basis for your hands-on learning throughout the course. This section sets the foundation for your journey with Blazor.

涵盖的内容

2个视频1篇阅读材料

In this module, we will walk you through migrating the completed Blazor MovieApp to ASP.NET 6.0. You will see the process of upgrading from ASP.NET Core 3.1 to ASP.NET 6.0 and learn how to migrate without making major changes to your existing code. This section helps you stay current with the latest version of Blazor.

涵盖的内容

1个视频1个作业

In this module, we will introduce you to the ASP.NET Core 3.1 Blazor framework. You’ll get a solid overview of what Blazor is and explore the different hosting models available. This section will help you understand when to use each hosting model for your specific Blazor application needs.

涵盖的内容

2个视频1个作业

In this module, we will introduce you to Razor components, which are the building blocks of Blazor apps. You will learn how to create and nest components, pass data using parameters, and understand the power of reusable components in your Blazor applications.

涵盖的内容

2个视频1个作业

This module covers the new features released with Blazor 3.1, providing you with the latest tools and techniques to enhance your Blazor applications. You will learn how to use partial classes, handle event propagation, and manage errors during app development.

涵盖的内容

3个视频1个作业

This section dives deeper into Blazor’s advanced concepts, including routing, data binding, and lifecycle methods. You will also learn how to handle communication between components using event callbacks and how to work with both one-way and two-way data binding in Blazor applications.

涵盖的内容

11个视频1个作业

11个视频总计135分钟

Routing in ASP.NET Core 3.1 Blazor 10分钟
One-Way Data Binding in ASP.NET Core 3.1 Blazor 17分钟
Event Callback in ASP.NET Core 3.1 Blazor 15分钟
Two-Way Data Binding in ASP.NET Core 3.1 Blazor 30分钟
Inheritance in ASP.NET Core 3.1 Blazor 10分钟
Lifecycle Methods in ASP.NET Core 3.1 Blazor - Part 1 (Fundamentals) 4分钟
Lifecycle Methods (Code Example) - SetParametersAsync 9分钟
Lifecycle Methods (Code Example) - OnInitialized and OnInitializedAsync 9分钟
Lifecycle Methods (Code Example) - OnParametersSet and OnParametersSetAsync 11分钟
Lifecycle Methods (Code Example) - OnAfterRender and OnAfterRenderAsync 10分钟
Lifecycle Methods (Code Example) - ShouldRender 11分钟

1个作业总计15分钟

Advanced Concepts with Hands-On Coding in Blazor - Assessment 15分钟

In this module, you will be introduced to asynchronous programming fundamentals. You’ll understand how async and await keywords are used in Blazor, and you will get practical experience in writing asynchronous code to improve the performance and responsiveness of your Blazor apps.

涵盖的内容

1个视频1个作业

This section walks you through creating a fully functional CRUD application using Blazor. You will set up user authentication, design the app structure, implement data access services, and manage the Movies database with CRUD operations, giving you a complete picture of building a Blazor app with data persistence.

涵盖的内容

31个视频1个作业

31个视频总计215分钟

Create a Blazor (Server) App with Individual User Accounts Authentication 2分钟
Run the Blazor App 2分钟
Understand the Project Structure 6分钟
The Program Class and Host Object 3分钟
Startup Class 11分钟
Function of _Imports.razor Class 3分钟
The Shared Folder 6分钟
Create a Database and Add Tables to Store Users and Roles 2分钟
Add Users and Roles 5分钟
Implement Basic Authorization 5分钟
Frequently Used Page Directives for a Razor Page 3分钟
Create a Movie Class 5分钟
Add the Movie Entity to the ApplicationDbContext 5分钟
Add Migration to Create Movies Table 3分钟
Create an Interface for Data Access Service 8分钟
Create a Data Access Service and Methods to Retrieve Records 12分钟
Create Methods for Add, Edit, and Delete Operations 10分钟
Register the Data Access Services Class in Startup 8分钟
Seed the Movies Database 9分钟
Create a Details Page to Show List of Movies 15分钟
Add Bootstrap to the Project 3分钟
Create a Modal Popup Dialog to Add a Movie 22分钟
Edit the Movies Table 2分钟
User Data Validation 12分钟
Save Data to the Database 2分钟
JavaScript Interop Calls to Close Modal 7分钟
Communication Between Movie Detail and Movies 7分钟
Edit Movies 10分钟
Render Fragment Usage to Change Modal Title Dynamically 5分钟
Create a Confirm Delete Dialog 10分钟
Complete the Delete Operation 11分钟

1个作业总计15分钟

Create a CRUD Application in Blazor - Assessment 15分钟

In this module, we will explore how to handle authentication and authorization in Blazor. You will learn how to secure your Blazor app by implementing user authentication and managing access control to protect sensitive data.

涵盖的内容

4个视频1个作业

This module covers how to enhance your Blazor app with loading indicators. You will integrate Spinkit, a lightweight library, into your Movies App to visually indicate loading processes, improving the overall user experience.

涵盖的内容

3个视频1个作业

In this module, we will focus on pagination techniques for displaying large datasets, like movies, in your Blazor app. You will learn how to implement pagination to display records on different pages and improve app performance and user experience.

涵盖的内容

1个视频1个作业

In this bonus section, you will learn about Progressive Web Applications (PWAs) and their key features. We’ll demonstrate how to make your Blazor app behave like a native mobile app by integrating PWA functionality such as offline support and push notifications.

涵盖的内容

1个视频1个作业

In this final module, you will explore unit testing for Blazor applications using bUnit. You will learn how to set up a test project, write tests for Blazor components, and gain confidence in ensuring the stability and correctness of your Blazor app.