Mastering ASP.NET 6.0 Blazor Online Course
Mastering ASP.NET 6.0 Blazor Online Course
This comprehensive online course offers a complete guide to mastering the Blazor framework in ASP.NET 6.0. It starts with an introduction to Blazor, including installation and configuration, and progresses through key topics such as Blazor hosting models, component creation, and advanced concepts like data binding, routing, and lifecycle methods. You'll explore new features introduced in ASP.NET Core 3.1 and learn how to build a CRUD movie application. The course also covers asynchronous programming fundamentals, user authentication, and authorization, enabling users to manage their profile data securely. With hands-on coding exercises, by the end of the course, you'll have the skills to confidently build and deploy an ASP.NET 6.0 Blazor project.
Key Benefits
- Gain expertise in installing and configuring the Blazor framework, preparing your development environment in Visual Studio for efficient coding.
- Master asynchronous programming, a critical component for building high-performance Blazor applications.
- Understand the fundamental concepts of Microsoft’s Blazor framework, equipping you with the essential knowledge to develop modern web applications.
Target Audience
This course is for a wide array of individuals, including web developers familiar with the Microsoft stack, students studying computer software engineering, and programmers from various web or application development platforms looking to transition to Blazor. It is also ideal for self-taught C# and ASP.NET developers eager to expand their knowledge with modern technologies. The course caters to beginner to intermediate-level C# and Microsoft web developers. Additionally, Angular or ReactJS developers interested in exploring Blazor as a Microsoft alternative for future web development will find this course highly beneficial.
Learning Objectives
- Develop your first Razor component in Blazor, gaining foundational knowledge of the framework.
- Implement basic user authentication and authorization to ensure secure data protection in a movie application.
- Design and integrate modal popup dialogs and confirmation dialogs for delete actions, utilizing dynamic rendering and JavaScript interop calls.
- Set up a database, create necessary tables, and manage users and roles for the application.
- Gain a comprehensive understanding of Progressive Web Applications (PWAs) and their benefits.
- Learn effective testing and debugging techniques for Blazor applications to ensure functionality and performance.
Course Outline
The Mastering ASP.NET 6.0 Blazor Exam covers the following topics -
Module 1 - Introduction
- Overview of the Course and Key Features
- Live Demonstration of the Completed Blazor Application
Module 2 - Migrating the MovieApp to ASP.NET 6.0
- Steps for transitioning the MovieApp CRUD Application to ASP.NET 6.0
Module 3 - Introduction to ASP.NET Core 3.1 Blazor
- Understanding Blazor
- Overview of Blazor Hosting Models
Module 4 - Blazor Components
- Creating Your First Razor Component in Blazor
- Understand about developing a Nested Component in Blazor
Module 5 - New Features in Blazor 3.1 (Released with ASP.NET Core 3.1)
- Using Partial Classes and Component Tags
- Passing Parameters to Components and Handling Default Actions
- Stopping Event Propagation and Error Handling During App Development
Module 6 - Advanced Blazor Concepts with Hands-On Coding
- Routing in ASP.NET Core 3.1 Blazor
- One-Way Data Binding in Blazor
- Event Callback in Blazor
- Two-Way Data Binding in Blazor
- Component Inheritance in Blazor
- Lifecycle Methods in Blazor (Part 1 - Fundamentals)
- Code Examples of Lifecycle Methods: SetParametersAsync, OnInitialized, OnInitializedAsync, OnParametersSet, OnParametersSetAsync, OnAfterRender, OnAfterRenderAsync, and ShouldRender
Module 7 - Asynchronous Programming Basics
- Learn Asynchronous Programming with Practical Examples
Module 8 - Building a CRUD Application in Blazor
- Creating a Blazor Server App with Individual User Account Authentication
- Understanding the Project Structure
- Working with Program Class, Host Object, and Startup Class
- Exploring the _Imports.razor Class and the Shared Folder
- Setting Up a Database, Adding Tables for Users and Roles, and Implementing Basic Authorization
- Creating and Managing the Movie Entity, Data Access Services, and CRUD Operations
- Utilizing Bootstrap for the UI, Modals, and JavaScript Interop
- Handling User Data Validation, Editing, and Deleting Records
Module 9 - Authentication and Authorization
- Implementing Authentication in the Movie App
- Testing User Profile Data Protection and Authorization
Module 10 - Enhancements: Adding Spinkit for Loading Indicators
- Integrating Spinkit into the App
- Testing Spinner Components with Spinloader
Module 11 - Movie Pagination
- Implementing Pagination to Display Movies
Module 12 - Bonus Section: Progressive Web Applications (PWA)
- Understanding Progressive Web Applications
Module 13 - Testing Blazor with bUnit
- Steps for Testing the Counter Component
