Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Build and Learn ASP.NET 6.0 Blazor Hands-On
  • Table Of Contents Toc
  • Feedback & Rating feedback
Build and Learn ASP.NET 6.0 Blazor Hands-On

Build and Learn ASP.NET 6.0 Blazor Hands-On

By : Kaushik Roy Chowdhury
Buy this Video
close
close
Build and Learn ASP.NET 6.0 Blazor Hands-On

Build and Learn ASP.NET 6.0 Blazor Hands-On

By: Kaushik Roy Chowdhury
Buy this Video

Overview of this book

This comprehensive video course is designed to provide a complete overview of the Blazor framework, covering installation and configuration requirements; it has been divided into several sections. The course starts with an introduction and overview of the Blazor framework and concludes with a demo of the finished application. In section one, you will be guided through the necessary installation and configuration requirements for the Blazor framework; section two provides a more detailed overview of the Blazor framework, including hosting models. Section three dives straight into building the first component, taking advantage of the component-based ecosystem of Blazor. Further sections cover advanced concepts such as data binding, routing, and lifecycle methods. In addition, the course explores the new features added to the latest version of ASP.NET Core 3.1. You will also learn how to build a CRUD movie application, explore asynchronous programming fundamentals that are essential for Blazor, and introduce authorization to the movie app, allowing users to view only their own user profile data. Throughout the course, you will gain a deeper understanding of the various components of Blazor and get practical experience through hands-on coding exercises. By the end of the course, you will be able to learn and build an ASP.NET 6.0 project. All resources and code files are placed here: https://github.com/PacktPublishing/Build-and-Learn-ASP.NET-6.0-Blazor-Hands-On
Table of Contents (13 chapters)
close
close
close
1
Introduction
Icon
Introduction and Features
Icon
Live Demo of Completed Blazor App
2
Migrating the Completed Blazor MovieApp to ASP.NET6.0
Icon
Migrating the Completed Movie App CRUD Application to ASP.NET 6.0
3
Introduction to ASP.NET Core 3.1 Blazor
Icon
What Is Blazor?
Icon
Blazor Hosting Models
4
Components in Blazor
Icon
Create Your First Razor Component in Blazor
Icon
Create a Nested Component in Blazor
5
What's New in Blazor 3.1 Released with ASP.NET Core 3.1?
Icon
Partial Classes and Component Tag Usage
Icon
Pass Parameter to Components and Prevent Default Action
Icon
Stop Event Propagation and Detailed Error Handling During App Building
6
Advanced Concepts with Hands-On Coding in Blazor
chevron up
Icon
Routing in ASP.NET Core 3.1 Blazor
Icon
One-Way Data Binding in ASP.NET Core 3.1 Blazor
Icon
Event Callback in ASP.NET Core 3.1 Blazor
Icon
Two-Way Data Binding in ASP.NET Core 3.1 Blazor
Icon
Inheritance in ASP.NET Core 3.1 Blazor
Icon
Lifecycle Methods in ASP.NET Core 3.1 Blazor - Part 1 (Fundamentals)
Icon
Lifecycle Methods (Code Example) - SetParametersAsync
Icon
Lifecycle Methods (Code Example) - OnInitialized and OnInitializedAsync
Icon
Lifecycle Methods (Code Example) - OnParametersSet and OnParametersSetAsync
Icon
Lifecycle Methods (Code Example) - OnAfterRender and OnAfterRenderAsync
Icon
Lifecycle Methods (Code Example) - ShouldRender
7
Asynchronous Programming Fundamentals
Icon
Learn Asynchronous Programming Through Coding Examples
8
Create a CRUD Application in Blazor
Icon
Create a Blazor (Server) App with Individual User Accounts Authentication
Icon
Run the Blazor App
Icon
Understand the Project Structure
Icon
The Program Class and Host Object
Icon
Startup Class
Icon
Function of _Imports.razor Class
Icon
The Shared Folder
Icon
Create a Database and Add Tables to Store Users and Roles
Icon
Add Users and Roles
Icon
Implement Basic Authorization
Icon
Frequently Used Page Directives for a Razor Page
Icon
Create a Movie Class
Icon
Add the Movie Entity to the ApplicationDbContext
Icon
Add Migration to Create Movies Table
Icon
Create an Interface for Data Access Service
Icon
Create a Data Access Service and Methods to Retrieve Records
Icon
Create Methods for Add, Edit, and Delete Operations
Icon
Register the Data Access Services Class in Startup
Icon
Seed the Movies Database
Icon
Create a Details Page to Show List of Movies
Icon
Add Bootstrap to the Project
Icon
Create a Modal Popup Dialog to Add a Movie
Icon
Edit the Movies Table
Icon
User Data Validation
Icon
Save Data to the Database
Icon
JavaScript Interop Calls to Modal
Icon
Communication Between Movie Detail and Movies
Icon
Edit Movies
Icon
Render Fragment Usage to Change Modal Title Dynamically
Icon
Create a Confirm Delete Dialog
Icon
Complete the Delete Operation
9
Authentication and Authorization
Icon
Authentication in Action for the Movie App
Icon
View User Profile Data with Authorization
Icon
Run and Test the App for User Data Protection
Icon
Installing the Blazor Movie App with Database from GitHub on User Machines
10
Additional Content: Adding Spinkit for Loading Indication to Movies App
Icon
Adding Spinkit to the App
Icon
Using Spinkit with Spinloader Component
Icon
Testing a Few Spinner Components
11
Paginating the Movies
Icon
Display Paginated Movies
12
Bonus Section: Progressive Web Applications
Icon
What Is a Progressive Web Application?
13
Testing Blazor Using bUnit
Icon
Testing the Counter Component
You're currently viewing a free sample. Access the full title and Packt library for free now with a free trial.
Chapter: 6
Advanced Concepts with Hands-On Coding in Blazor
Icon This video is locked
Icon
Icon
0:00
2.0x
1.5x
1.25x
1.0x
0.5x
caption settings
caption off
Icon Icon
ShowHide Transcripts Icon
Section: 2
One-Way Data Binding in ASP.NET Core 3.1 Blazor
The tutorial builds a binding demo project in Visual Studio 2019, which toggles a paragraph with changed text and styles on the clicking of a button. A counter gets incremented as well.
Visually different images
CONTINUE WATCHING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Build and Learn ASP.NET 6.0 Blazor Hands-On
End of Section 6
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon