Tutorials on ASP.NET Core, Blazor, jQuery, JavaScript, Entity Framework, Identity, WordPress, SQL, HTML & more

JS Interop – Working with JavaScript in Blazor

Last Updated: January 30, 2021

blazor js interop javascript

Blazor can invoke JavaScript function and JavaScript codes can invoke Razor Component’s methods very easily. These scenarios are called JavaScript Interoperability (JS interop). The JS Interlop makes it easy for integrating JavaScript libraries in Blazor application like Chart.js, Popper.js, Babylon.js, and so many more.


Razor Components Lifecycle Methods of Blazor

Last Updated: January 25, 2021

Razor Components Lifecycle Methods

All Razor Component have a well-defined Lifecycle, which is represented by synchronous and asynchronous lifecycle methods. You an override these methods to perform additional operations.


Advanced Razor Components features in Blazor

Last Updated: January 17, 2021

advanced razor components

Advanced Razor Component features can be built by understanding the concepts of Custom Binding, Template Components, Generic Template Components & Cascading Parameters. Let’s understand each of them.


How to use Razor Components in Blazor

Last Updated: January 10, 2021

razor components

Blazor App is created with components and these components are built in Razor Components File. Razor components files can be created in Visual Studio and have a .razor extension. Note that the term Blazor Component is same as Razor Component.


How to create Number Paging in ASP.NET Core using Tag Helpers

Last Updated: May 7, 2021

asp.net core paging

Tag Helpers allows you to conditionally modify or add HTML elements from server-side code. I will use this Tag Helpers feature to create number based paging links in ASP.NET Core. I will be building this feature from scratch and once completed the paging links will work as shown by the below image:


Blazor Events and Data Bindings

Last Updated: January 4, 2021

Blazor events and Data Bindings

Blazor can respond to events like button click, select change, text change on text box, clipboard events, mouse events and so on. This process is known as Event Handing. For example, the following code shown a button having an onclick event.


User Lockout in ASP.NET Core Identity

Last Updated: January 25, 2021

user lockout identity

The ASP.NET Core Identity has a User Lockout feature to improve application security by locking out a user that enters a password incorrectly several times. This technique is very useful in protecting against brute force attacks, where a hacker repeatedly tries to guess a password.


Creating Password Reset feature in ASP.NET Core Identity

Last Updated: December 10, 2020

password reset identity

When a user forgets his/her password then he needs the option to reset it. In ASP.NET Core Identity you can create the Password Reset feature which comes out to be handy in such situations.


Creating First Application in Blazor from scratch

Last Updated: March 25, 2021

Blazor First Application

Let us create your First Application in Blazor in Visual Studio 2019. The procedure is to create an ASP.NET Core project and configure it to use Blazor. Note that the Visual Studio has a Blazor Template option which automatically configures a new project for Blazor. But since I have to introduce all the files structures of Blazor and their workings to you, therefore I will be creating this application from empty stage. You are going to love this approach so be with this tutorial till the end. (more…)

How to perform Email Confirmation of Users in ASP.NET Core Identity

Last Updated: December 1, 2020

email confirmation identity

Email Confirmation is an important part of the user registration process. It allows verifying the registered user is indeed an owner of the provided email. ASP.NET Core Identity also provides the option to enable email confirmation during the time of user registration process.