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


CRUD Operations in Blazor with Entity Framework Core

Last Updated: December 10, 2022

blazor crud

In this tutorial we will perform Blazor CRUD Operations using Entity Framework Core. Kindly note that on my previous tutorial on Blazor forms and validation we did the project configuration for Entity Framework Core. We will continue to add this CRUD feature to that project, so make sure to read the previous tutorial also.

(more…)

Blazor forms and validation

Last Updated: December 9, 2022

Blazor forms and validation

In this tutorial we will cover Blazor Form Components and Form Validations and create a full feature from scratch. The form data will be validated before being inserted to the database. We will also cover how to perform data validations in forms so that the data should be in proper format before being inserted into the database. We will be using the database in MSSQLLocalDB and then perform data Insertion, Updation, Deletion and Reading through a popular ORM called Entity Framework Core.

(more…)

JS Interop – Working with JavaScript in Blazor

Last Updated: December 9, 2022

blazor js interop javascript

Blazor can invoke JavaScript function from .NET methods. Similary through JavaScript we can invoke .NET methods. This whole process is called Blazor JavaScript Interop or JavaScript Interoperability. The JS Interop makes it easy for integrating JavaScript libraries in Blazor application like Chart.js, Popper.js, Babylon.js, and so many more.

(more…)

Razor Components Lifecycle Methods of Blazor

Last Updated: December 6, 2022

Razor Components Lifecycle Methods

All Razor Component have a well-defined Lifecycle, which is represented by synchronous and asynchronous lifecycle methods. We an override these methods to perform additional operations to build our custom features. Let use understand all about Lifecyle of Razor Components in this tutorial.

(more…)

Advanced Razor Components features in Blazor

Last Updated: December 6, 2022

advanced razor components

In this tutorial we will cover Razor Components in advanced manner and build the foundation for concepts of Custom Binding, Template Components, Generic Template Components & Cascading Parameters. Let’s understand each of them one by one with lots of examples.

(more…)

How to use Razor Components in Blazor

Last Updated: December 5, 2022

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.

(more…)

Create Number Paging with Custom Tag Helper in ASP.NET Core

Last Updated: May 14, 2022

asp.net core paging

Tag Helpers allow us to enhance HTML elements from server-side code. We will use this feature to create number based paging links in ASP.NET Core. We will be building this feature from scratch and once completed the paging links will work as shown by the below image:

(more…)

Blazor Events and Data Bindings

Last Updated: November 12, 2022

Blazor events and Data Bindings

Blazor Event Handling is the process to respond to events like button click, select change, text change on text box, clipboard events, mouse events, etc. Then perfoming some work if the events happen. In the below example, there is a button having an onclick event. When this event happens, we are going to shoot an email.

(more…)

User Lockout in ASP.NET Core Identity

Last Updated: May 10, 2024

user lockout identity

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

(more…)

Creating Password Reset feature in ASP.NET Core Identity

Last Updated: May 10, 2024

password reset identity

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

(more…)