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


Blazor Multi File Upload with Progress Bar

Last Updated: December 10, 2022

Blazor multi file upload progress bar

Every website has a file upload feature and if your website is built in Blazor then you can create a very good Multi File Upload feature that also has a Progress Bar in it. This tutorial will teach you this thing, the link to the download of the source code is given at the bottom. But before that, I recommend you to read this tutorial so that you can understand how it is working. I have explained all it’s parts in detailed manner with video illustrations wherever possible.

(more…)

Blazor – Creating a reusable HTML Select Component with a Custom Validator

Last Updated: December 10, 2022

Blazor reuable Select Custom Validator

In this tutorial we will create Blazor Reusable Components that can be used in multiple places. They save a lot of time when you are creating big projects. In this tutorial I will create a reusable HTML Select element from scratch. Later on, I will also integrate a Custom Validator on this select element.

(more…)

Blazor Number Paging and Sorting

Last Updated: December 10, 2022

Blazor paging sorting

In this ASP.NET Core Blazor 7.0 Tutorial I will create a Number based Paging for displaying records. There will also be the feature to Sort the records in ascending and descending manner. Once this feature is completed it will work as shown by the below video:

(more…)

Free Web Hosting for Students: Pros and Cons

Last Updated: April 19, 2023

The Internet is an amazing source of knowledge, learning, entertainment, and so on. Every user can find something special to satisfy his/her needs. Thus, many students use the Internet to achieve certain goals. Young people feel important to express themselves on the Internet. It can be done thanks to writing blogs, comments, posting images and videos, etc. This activity helps to relieve some pressure, find friends, overcome some problems, and so on. One of the good ways to use the World Web is to create free web hosting.

(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…)