# YogiHosting

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


## Posts

- [How to perform Logging in ASP.NET Core](https://www.yogihosting.com/aspnet-core-logging/): Logging is an essential part of ASP.NET Core apps which help us to monitor app behavior and diagnose problems. By default the following 4 providers are added whenever we create a .NET app. These are:
- [Deploy ASP.NET Core Dockerized app to Azure with GitHub Actions CI / CD](https://www.yogihosting.com/github-actions-cicd-docker-aspnet-core/): In this tutorial we will Deploy an ASP.NET Core Dockerized App to Azure Container Apps using GitHub Actions CI / CD pipeline. The full working of the process is described in the below image:
- [Deploy ASP.NET Core app to Azure with GitHub Actions CI/CD](https://www.yogihosting.com/aspnet-core-github-actions-cicd-azure/): GitHub Actions is a continuous integration and continuous delivery (CI/CD) platform that allows to automate build, test, and deployment of our apps. In this tutorial I will deploy an ASP.NET Core app to Azure App Services through GitHub actions CI/CD deployment pipeline. GitHub Action GitHub Actions is a CI/CD platform which is integrated into your GitHub repository. This means you can run a CI/CD pipeline right from your GitHub repository. GitHub Actions are organized into Workflows, which are automated process that will run one or more jobs. A common example of a Workflow is to automatically build and deploy your […]
- [Configuring Nginx as Reverse Proxy and Load Balancer for Dockerized ASP.NET Core apps](https://www.yogihosting.com/nginx-reverse-proxy-load-balancer-docker-aspnet-core-app/): Nginx is a high-performance, open-source web server that can also be used as a reverse proxy, load balancer, HTTP cache, and mail proxy. It is highly efficient with many simultaneous connections due to its event-driven architecture. Nginx is a core component in modern web infrastructure due to it’s reliability, speed, and scalability. Nginx is available for all operating systems – Windows, Linux, macOS included.
- [Entity Framework Core Testing Procedure](https://www.yogihosting.com/testing-entity-framework-core/): Testing is an important part of any application since it tells the developers that their application works correctly. In this tutorial we are going to learn the different techniques to employ in order to test Entity Framework Core codes. These techniques are broadly divided into testing with production database or without the production database. These are: Testing against the production database. Testing without the production database – here we use SQLite (in-memory mode) as a database fake, EF Core in-memory provider as a database fake, Mock DbSet and use repository layer to exclude EF Core entirely from testing and to […]
- [Docker Volumes on ASP.NET Core App](https://www.yogihosting.com/docker-volumes-aspnet-core/): Docker Volumes are persistent data stores for containers created and managed by Docker. Volumes are stored within a directory on the host machine and not inside the container. When we mount the volume into a container, then this directory is what’s mounted on the container. If an app is storing some data on files inside the container then in case of a container crash the data is bound to be lost. Volumes comes into this scenario since here we can save these files on the volumes, in case of container crash the volume is unaffected (since it is outside the […]
- [Entity Framework Core Interceptors](https://www.yogihosting.com/interceptors-entity-framework-core/): Entity Framework Core (EF Core) interceptors allow interception, modification and suppression of EF Core operations. Some examples include executing a command, call to SaveChanges and so on. You can download the source code from my GitHub repository.
- [Entity Framework Core Events and Diagnostic Listeners](https://www.yogihosting.com/events-diagnostic-listeners-entity-framework-core/): Entity Framework Core Events and Diagnostic Listeners are very helpful in debugging our EF Core code. Events are called when something happens in EF Core codes. For example DbContext.SaveChangesFailed event is called when SaveChanges or SaveChangesAsync method is failed so we can use this event to find out the cause of the failure. Diagnostic listeners allow listening for any EF Core event for obtaining diagnostic information of the app. In this tutorial we are going to implement each of these 2 in our code. Download the source code from our GitHub repo.
- [Entity Framework Core Logging in details](https://www.yogihosting.com/entity-framework-core-logging/): Logging is an important aspect of any .NET app for debugging purpose. Through Logging we can generate SQL logs and Change Tracking information in Entity Framework Core. There are 2 types of logging in EF Core: Simple logging Microsoft.Extensions.Logging
- [Entity Framework Core Change Tracking](https://www.yogihosting.com/change-tracking-entity-framework-core/): Entity Framework Core Change Tracker keeps track of all the loaded entities changes and these changes are applied to the database when SaveChanges method is called. Entities are tracked on the following conditions : Returned from a query executed on the database. Attached to the DbContext by Add, Attach, Update methods. A new entity connected to an existing tracked entity. The full codes implemented in this tutorial can be downloaded from my GitHub repository.
- [Entity Framework Core Concurrency Conflicts](https://www.yogihosting.com/concurrency-conflicts-entity-framework-core/): Multiple users trying to update an entity data at the same time can lead to inconsistencies and data corruption. A user say Elon displays an entity data in order to update it, at this same time another user say Trump updates the same entity data before Elon saves the changes to the database. When Elon saves the data an inconsistent version is saved on the database which Elon has no knowledge. This is known as concurrency conflict.
- [Entity Framework Core Complex Queries](https://www.yogihosting.com/complex-queries-entity-framework-core/): When building database driven apps we come across scenarios that require building complex queries with multiple data sources. Common examples of such cases being Joins, Group Joins and Group by, select many and so on. Here we look into such cases and understand how to build such complex queries in Entity Framework Core.
- [Entity Framework Core Optimization Techniques](https://www.yogihosting.com/optimizing-techniques-entity-framework-core/): It is necessary that we Optimize our Entity Framework Core codes so that the application remains light weight and at the same time executes faster. We can perform the optimizing techniques in EF Core by understanding which technique is best to use in a given situation. Let’s discuss some of the most important ones one by one.
- [Owned Entity Types in Entity Framework Core](https://www.yogihosting.com/owned-entity-entity-framework-core/): Owned Entity Types are those entities that can be associated with another entity only. They cannot be used separately, the other entity to which the owned entity is associated is known as it’s owner. The owned enttity has a one-to-one relationship with the owner so they can be called as the dependents of the owner.
- [Value Converters and Comparers in Entity Framework Core](https://www.yogihosting.com/value-converters-comparers-entity-framework-core/): Entity Framework Core deals with object values with Value Converters and Value Comparers. The Value Converters, as the name suggest, helps in converting object values from one type to another while Value Comparers helps in comparing the object values needed for change tracking, custom comparision codes, etc.
- [Blazor QuickGrid Database Binding tutorial](https://www.yogihosting.com/blazor-quickgrid/): Blazor QuickGrid component is used to display data from the database in tabular manner. Features like sorting & paging can also be added to it very easily. In this tutorial we are going to implement Blazor QuickGrid component in Blazor Web App from the very beginning. The source codes for this project is available from my GitHub repository.
- [jQuery replaceWith() method – For replacing HTML elements in the DOM](https://www.yogihosting.com/jquery-replacewith/): If you want to replace one or more HTML elements on the DOM then use jQuery replaceWith() method.
- [Blazor WebAssembly Authentication with ASP.NET Core Identity](https://www.yogihosting.com/blazor-webassembly-authentication-aspnet-core-identity/): Blazor WebAssembly apps can be secured with ASP.,NET Core Identity. We can provide login and logout feature for users through Identity so that only authenticated users are allowed to access the Blazor WebAssembly app.
- [Blazor WebAssemble Authentication from Google](https://www.yogihosting.com/blazor-webassembly-google-authentication/): In this tutorial we are going to implement Authentication from Google feature in a Blazor WebAssembly app. We will also implement Oauth 2.0 and JWT Tokens for authentication purpose.
- [jQuery index() method – Get the index of an element relative to its siblings](https://www.yogihosting.com/jquery-index/): The jQuery Index method is very helpful in getting the index of an element relative to its siblings. For example – suppose there are few li elements inside a ul element and you have to find what’s the index of li that is clicked. In this condition you can use the .index() method of jQuery.
- [ASP.NET Core - Duende IdentityServer authentication and authorization with Identity](https://www.yogihosting.com/aspnet-core-duende-identityserver/): In this tutorial we are going to implement Duende IdentityServer in ASP.NET Core app with ASP.NET Core Identity to provide authentication and authorization features. So users will be able to perform login and logout on their Identity account which will be secured with Duende IdentityServer.
- [ASP.NET Web Forms - Sorting GridView with jQuery Load method with no page postback](https://www.yogihosting.com/sorting-gridview-jquery-load/): Did you know you can use jQuery for Sorting GridView asynchronously so that sorting takes place and also no page postback happens. This sorting technique with jQuery has the following advantages:
- [Host ASP.NET Core on Apache in Linux](https://www.yogihosting.com/aspnet-core-host-apache-linux/): In this tutorial we will host ASP.NET Core apps on Apache Web Server in Linux. Apache will be used as a reverse proxy server to redirect traffic to an ASP.NET Core web app running on Kestrel server. We will set the whole process in Ubuntu OS.
- [Host ASP.NET Core on Nginx in Linux](https://www.yogihosting.com/aspnet-core-host-nginx/): Nginx is the king of Web Servers and can be used to host ASP.NET Core apps on a Linux system. Nginx acts as a reverse proxy server to redirect traffic to an ASP.NET Core web app running on Kestrel server. In this tutorial we are going to host ASP.NET Core app on Ngnix in Ubuntu Linux from start and so kindly read this tutorial on one go to understand the full process.
- [Host ASP.NET Core app on IIS](https://www.yogihosting.com/host-aspnet-core-iis/): In this article we will host our ASP.NET Core app on Internet Information Services (IIS) in Windows. Make sure you have .NET SDK installed in your system. You can download it from here.
- [How to Host ASP.NET Core App in a Windows Service](https://www.yogihosting.com/host-aspnet-core-windows-service/): We can host ASP.NET Core apps on Windows as a Windows Service. Note that this approach does not need IIS, Apache or Nginx. So the app automatically starts whenever the system restarts.
- [How to use Self Signed Certificate in ASP.NET Core](https://www.yogihosting.com/aspnet-core-self-signed-certificate/): In this article we will learn how to use Self-Signed Certificate (SSL) in ASP.NET Core app. This app is running in Kestrel Web Server and we will create our SSL from Powershell commands. Create and Publish .NET app We create a new ASP.NET Core MVC app by running the below command on command prompt.
- [Implementing Clean Architecure by Steve "Ardalis" Smith GitHub Repository](https://www.yogihosting.com/aspnet-core-clean-architecuture-ardalis-steve-smith/): Clean Architecture is a popular software development architecture which can be used in .NET apps. In this tutorial we are going to implement the Clean Architecure GitHub Repository by Steve “Ardalis” Smith, it can be downloaded from the GitHub Link.
- [How to perform CRUD Operations in Dapper](https://www.yogihosting.com/dapper-crud/): In this Dapper CRUD operations tutorial we will be building CREATE, READ, UPDATE & DELETE features for 3 tables in a database. These tables are: School SchoolDetail Teacher
- [How to Seed Database with Dapper](https://www.yogihosting.com/dapper-seed-database/): Dapper can be used to seed database with some initial set of data. This includes creating tables in the database, inserting records to the tables and so on. In this tutorial we will be seeding a database with Dapper. So let’s start with the seeding process.
- [Host ASP.NET Core on Apache in Windows](https://www.yogihosting.com/aspnet-core-host-apache-windows/): Apache Web Server can be used to host ASP.NET Core apps. Here Apache is used as a reverse proxy server to redirect traffic to an ASP.NET Core web app running on Kestrel server. We will set the whole process in Windows 10 Operating System.
- [Dapper One-to-Many Relationship](https://www.yogihosting.com/dapper-one-to-many-relationship/): In a relational database, 2 tables can be related with a Primary-Foreign key constraints. A very common relationships is One-to-Many where each record of one table are related to zero or more records of another table. In dapper we execute SQL JOIN Query with Dapper Query Method to retrieve records from the two table which are in One-to-Many relationship.
- [Dapper One-to-One Relationship](https://www.yogihosting.com/dapper-one-to-one-relationship/): In relational database, a table can be connected to another table using Primary-Foreign key constraints. In order to retrive connected records we apply SQL JOIN command. In Dapper we can apply the Dapper Query method to execute SQL query having JOIN command in order to get related records.
- [Dapper Query Method – Execute SQL and Stored Procedure](https://www.yogihosting.com/dapper-query/): Dapper Query method executes a SQL query or Stored Procedure and returns the result as a dynamic object. This dynamic object can then be mapped to C# strongly typed objects. The Query method takes a required SQL parameter and 3 optional parameters.
- [Dapper Execute Method – Execute SQL and Stored Procedure](https://www.yogihosting.com/dapper-execute/): Dapper Execute method is used for exceuting an SQL query or Stored Procedure. It returns number of rows affected in the execute operation. This method is use for Inserting, Updating & Deleting records in the database. The Exceute method can take upto 4 parameters, the first parameter “sql” specifies the sql statement or stored procedure name, it is required, while the other 3 parameters are optional.
- [Create ASP.NET Core Minimal API from Start till Finish](https://www.yogihosting.com/aspnet-core-minimal-api/): Minimal APIs are used to create HTTP APIs in a quick span of time with minimum dependencies. They are best suited for microservices and apps that require only minimum files with minimum dependencies. In ASP.NET Core Minimal APIs we do not use controllers instead all the API codes are written in the Program.cs file.
- [How to use jQuery submit() Method to submit a form](https://www.yogihosting.com/jquery-form-submit/): Use jQuery Submit Method – .submit(), to submit any form. The submit method can only be used for the form tag.
- [OperaVPS: Your Go-To VPS Provider Company](https://www.yogihosting.com/operavps/): The importance of a reliable Virtual Private Server (VPS) provider cannot be overstated. Your website’s performance, security, and overall user experience often hinge on the quality of your VPS hosting. When it comes to finding the best VPS provider, look no further than operavps.com In this comprehensive guide, we will delve into what makes operavps stand out in the competitive world of VPS hosting.
- [jQuery Show() Method – To Show Hidden elements in your web page](https://www.yogihosting.com/jquery-show/): The jQuery Show method is used to un-hide (show) hidden elements in a web page. This is similar to the CSS property display:block.
- [ZXing.Net implementation in ASP.NET Web Forms](https://www.yogihosting.com/zxingnet-qrcodes-aspnet-web-forms/): ZXing.NET is a library which supports decoding and generating of barcodes (like QR Code, PDF 417, EAN, UPC, Aztec, Data Matrix, Codabar) within images. In this tutorial I will implement it in ASP.NET Web Forms.
- [ASP.NET Core + Entity Framework Core + jQuery to Delete Records without Page Reload](https://www.yogihosting.com/aspnet-core-jquery-delete-records/): In ASP.NET Core, you can perform the deletion of any row from an HTML Table located in the View, in such a way that there is No-Page reloading. You can achieve this using Entity Framework Core and jQuery. Let me show how to create this feature in your ASP.NET Core based website. Once this tutorial is finished you will have created a special feature that will exactly work like shown by the below video:
- [jQuery hide() Method – hide elements in a web page](https://www.yogihosting.com/jquery-hide/): The jQuery Hide method is used to hide one or more elements in your web page. This is similar to the CSS property display:none.
- [Multi File Upload with Progress Bar in ASP.NET CORE](https://www.yogihosting.com/multi-file-upload-progress-bar-aspnet-core/): Ever wonder how to show Real time Progress of files being upload to the server, well this tutorial will teach you all this in multiple ways. So make sure to read this tutorial in full and download the source code given at the bottom.
- [IdentityServer Role and Policy Based Authentication](https://www.yogihosting.com/identityserver-role-policy-authentication-aspnet-core/): When we want to allow users in specific roles to access certain resources then we apply role based authentication. In the same way when users satisfying a policy are allowed to access certain resources then this is called policy based authentication. In IdentityServer, both role and policy based authentications can be implemented very easily. This tutorial is a part of “IdentityServer with ASP.NET Core Identity” series and contains 4 tutorials, these are: ASP.NET Core Identity with MongoDB as Database IdentityServer with ASP.NET Core Identity and MongoDB as Database IdentityServer Role and Policy Based Authentication ASP.NET Core – Duende IdentityServer authentication […]
- [IdentityServer with ASP.NET Core Identity and MongoDB as Database [Detailed Guide]](https://www.yogihosting.com/identityserver-aspnet-core-identity-mongodb-database/): In this tutorial we will set up IdentityServer4 with ASP.NET Core Identity from absolute beginning. The ASP.NET Identity will be configured with a MongoDB database. When a client will come to IdentityServer4 for authentication, the client’ credentials, stored in the MongoDB database, will be checked by ASP.NET Core Identity. We are going to implement all this along with a Web API that will be secured with IdentityServer, so sit tight and enjoy this very long and detailed tutorial. We will create a complete project from scratch and it’s source codes are given in GitHub repository.
- [ASP.NET Core Identity with MongoDB as Database {Detailed}](https://www.yogihosting.com/aspnet-core-identity-mongodb/): In this tutorial we will implement ASP.NET Core Identity with MongoDB as the database. So, the MongoDB will serve as the Identity Database instead of SQL Server. First, we will configure Identity to use MongoDB as the database and after that create an example project where Identity Users and Roles will be created. In the end, Login and Logout feature will be added so that users can be authenticated to secured portions of the website.
- [ZXing.Net implementation in ASP.NET Core](https://www.yogihosting.com/aspnet-core-zxing-net/): ZXing.NET is a library which supports decoding and generating of barcodes (like QR Code, PDF 417, EAN, UPC, Aztec, Data Matrix, Codabar) within images. In this tutorial I will implement it in ASP.NET Core application.
- [Implementing JWT Refresh Token in ASP.NET Core MVC](https://www.yogihosting.com/jwt-refresh-token-aspnet-core/): This tutorial is about JWT Refresh Token, what is does, how to generate it and how to use it with JWT Access Tokens. Most probable this tutorial will clear all your doubts about JWT access and refresh tokens. We are also going to implement it on our ASP.NET Core app. The source codes can be obtained by the download link which is given at the bottom of this tutorial.
- [Kubernetes Liveness Readiness Startup Probes](https://www.yogihosting.com/kubernetes-liveness-readiness-startup-probes/): Kubernetes ensures that the App running in Pods is always healthy. If there is some problem with the App then it restarts the Pod based on the restart policy set for the Pod. The question now is how k8s detects an un-healthy app? The answer is through Probes. In this tutorial we will be creating ASP.NET Core Kubernetes Probes this will help you to maintain your app smoothly.
- [How to use Helm for ASP.NET Core with Kubernetes](https://www.yogihosting.com/helm-charts-aspnet-core-kubernetes/): Deploying apps on Kubernetes could be a job full of problems so we need HELM. HELM is a superhero like “He-Man”.
- [Kubernetes Persistent volumes (PV) and Persistent Volume Claim (PVC)](https://www.yogihosting.com/aspnet-core-sql-server-kubernetes-persistent-volumes-claims/): In this ASP.NET Core Kubernetes tutorial we will be using Persistent Volumes (PV) as storages in the cluster, these are persistent in nature. The PV has a lifecycle independent of any individual pod which is using the PV. A Persistent Volume remains outside the Pod unlike emptyDir volume (emptyDir remains inside the Pod) so even if a Pod crashes there is no risk of the volume getting ruined.
- [Kubernetes Volume emptyDir and SSL Mount to volume](https://www.yogihosting.com/kubernetes-volume-emptydir-ssl-mount/): We will now learn ASP.NET Core Kubernetes Volume and how to Mount SSL Certificates to Volume. A Kubernetes Volume is a directory, containing some files, which is accessible to all containers in a Pod. Files to this directory can be mounted from outside the Pod and so if the Pod or Containers crash then also this directory and it’s contents remain safe.
- [Kubernetes: Host Multi-Container ASP.NET Core app to Multiple Pods](https://www.yogihosting.com/aspnet-core-kubernetes-multi-pods/): In this ASP.NET Core Kubernetes tutorial I will host a Multi-Container ASP.NET Core app to Multiple Kubernetes Pods. I will also add a Service to expose the pods. The Pods will use this service to communicate with one another.
- [Kubernetes: Host Multi-Container ASP.NET Core app to Single Pod](https://www.yogihosting.com/aspnet-core-kubernetes-multi-container-single-pod/): In this ASP.NET Core Kubernetes Tutorial I will host a Multi-Container ASP.NET Core app to a single Kubernetes Pod. The ASP.NET Core app will have 2 containers and these containers will also communicate with each other. I will show you how this communication will take place inside the Pod.
- [How to use Kubernetes Ingress on an ASP.NET Core app](https://www.yogihosting.com/kubernetes-ingress-aspnet-core/): In this ASP.NET Core Kubernetes Ingress turorial we will create an Ingress for accessing the app on the browser. Ingress is a Kubernetes object whose work is to expose the Kubernetes Service to HTTP and HTTPS routes.
- [Managing ASP.NET Core app hosted on Kubernetes](https://www.yogihosting.com/aspnet-core-kubernetes-manage/): In this tutorial we will go through some necessary and detailed information that will be needed for managing your ASP.NET Core apps on Kubernetes. I will be proceeding from the last tutorial where I had Deployed ASP.NET Core App on Kubernetes. So make sure you have gone through the previous tutorial so that you can understand the kubernetes topics which we will be covering here.
- [Deploy ASP.NET Core App on Kubernetes](https://www.yogihosting.com/deploy-aspnet-core-app-kubernetes/): In this ASP.NET Core Kubernetes Tutorial we will be deploying an ASP.NET Core app to Kubernetes from start till end. We will take the topic of Kubernetes Objects which are Pods, Deployments and Services. Finally, we will use these objects to host the ASP.NET Core app on Kubernetes. This tutorial will give you a solid foundation of K8s so make sure you go through the whole tutorial. Let us start it with any further delay.
- [CRUD Operations in ASP.NET Core and SQL Server with Docker](https://www.yogihosting.com/docker-aspnet-core-sql-server-crud/): In this tutorial we will perform CRUD Operations in as ASP.NET Core Docker app with SQL Server as a backend. We will use Docker Compose for this so there will be 2 containers one running the ASP.NET Core app and other SQL Server 2022.
- [Multi-Container ASP.NET Core App with Docker Compose](https://www.yogihosting.com/docker-compose-aspnet-core/): We will create a Multi-Container ASP.NET Core app in Docker Compose. The containers will also communicate with each other. This ASP.NET Core app will contain projects which will be:
- [How to Create Excellent Website for Classroom Projects](https://www.yogihosting.com/how-to-create-excellent-website-for-classroom-projects/): Nowadays, so much of our lives take place online, it’s crucial that education offers students the opportunity to hone their digital skills. In classrooms all across Canada, more and more teachers are acknowledging the importance of bringing online literacy into the education system. This is creating a future generation with an unparalleled talent for creating online content.
- [Deploy a Docker based ASP.NET Core app to Azure](https://www.yogihosting.com/docker-aspnet-core-azure/): In this tutorial we are going to perform ASP.NET Core Docker app Deployment to Azure cloud service provider. We have already created the app on our last tutorial whose link is – First ASP.NET Core web App in Docker Container. Once the deployment is completed, we will be able to view the app on the browser with a URL.
- [ASP.NET Core APP with HTTPS in Docker](https://www.yogihosting.com/docker-https-aspnet-core/): SSL Certificates are very necessary for the Trust, Identity and Encryption of an APP. In ASP.NET Core, the apps use HTTPS Certificates by default, they use self-signed development certificates for development purpose. So, when you are hosting your app on a Docker Container then it is needed to tell docker where to find this development certificate in the machine. Once Docker knows the location of the HTTPS certificate then your app will start opening with https url, eg https://localhost:8001. The procedure will be same for the production scenario also. You can generate a free HTTPS certificate from Let’s Encrypt, then […]
- [Create first ASP.NET Core App in a Docker Container](https://www.yogihosting.com/docker-aspnet-core-app/): In this ASP.NET Core Docker article we will create our first ASP.NET Core App running from a Docker Container. We will do all this from the very beginning so it will be a good learning experience for you. We will also go through the installation of Docker in Windows, MacOS and Linus, and will also learn some of the most needed Docker commands which you need to know as an ASP.NET Core developer. This Docker article is quite big and will take you around 2 hours to read it completely. It is fully loaded with informations and after completing it […]
- [Filtering Elements with jQuery .filter() method](https://www.yogihosting.com/jquery-filter/): Use jQuery Filter method to select elements based on certain criteria. Example – with .filter() method you can select all p elements in your page that has a certain class.
- [Blazor WebAssembly : Call Web APIs to perform CRUD Operations](https://www.yogihosting.com/blazor-webassembly-web-api-crud/): What is Blazor WebAssembly? A WebAssembly is a virtual machine that runs inside the browser. It converts high level language codes like C# into low level language code so that they can be run on the browser directly. Blazor WebAssembly (WASM) apps executes directly in the browser on a WebAssembly, just like JavaScript.
- [Blazor Multi File Upload with Progress Bar](https://www.yogihosting.com/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.
- [Blazor - Creating a reusable HTML Select Component with a Custom Validator](https://www.yogihosting.com/blazor-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.
- [Blazor Number Paging and Sorting](https://www.yogihosting.com/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:
- [Free Web Hosting for Students: Pros and Cons](https://www.yogihosting.com/free-web-hosting-for-students-pros-and-cons/): 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.
- [CRUD Operations in Blazor with Entity Framework Core](https://www.yogihosting.com/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.
- [Blazor forms and validation](https://www.yogihosting.com/blazor-forms-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.
- [JS Interop - Working with JavaScript in Blazor](https://www.yogihosting.com/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.
- [Razor Components Lifecycle Methods of Blazor](https://www.yogihosting.com/blazor-lifecycle/): 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.
- [Advanced Razor Components features in Blazor](https://www.yogihosting.com/blazor-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.
- [How to use Razor Components in Blazor](https://www.yogihosting.com/blazor-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.
- [Create Number Paging with Custom Tag Helper in ASP.NET Core](https://www.yogihosting.com/aspnet-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:
- [Blazor Events and Data Bindings](https://www.yogihosting.com/blazor-events-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.
- [User Lockout in ASP.NET Core Identity](https://www.yogihosting.com/aspnet-core-identity-user-lockout/): 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.
- [Creating Password Reset feature in ASP.NET Core Identity](https://www.yogihosting.com/aspnet-core-identity-password-reset/): 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.
- [Creating First Application in Blazor from scratch](https://www.yogihosting.com/blazor-first-application/): We will be creationg our First ASP.NET Core Blazor app in Visual Studio from absolute beginning. We will create an ASP.NET Core app from Empty stage and configure it to use Blazor. Note that the Visual Studio has a Blazor Template option which automatically configures a new project for Blazor. We have to introduce all the files structures of Blazor and their workings to you, therefore we will be creating this application from ASP.NET Core Empty template and will be using the latest .NET 7.0 Version. You are going to love this approach since you will learn about every necessary […]
- [How to perform Email Confirmation of Users in ASP.NET Core Identity](https://www.yogihosting.com/aspnet-core-identity-email-confirmation/): ASP.NET Core Identity Email Confirmation verifies that the registered users have provided authentic email address and that they’re likely to to be real persons. It means that registered users are indeed owners of their provided emails. Identity also provides the option to enable email confirmation during the time of user registration process. Do check my previous tutorial – Two-Factor Authentication in ASP.NET Core Identity
- [Two-Factor Authentication in ASP.NET Core Identity](https://www.yogihosting.com/aspnet-core-identity-two-factor-authentication/): ASP.NET Core Identity Two-Factor Authentication is a process where a user enters his credentials on the login page. After successful password validation, he receives an OTP (one-time-password) via email or SMS. The user needs to enter this OTP in the Two-Step Verification form to log in. This procedure greatly increases the security of the application. In this tutorial we are going to implement the Two-Factor Authentication in ASP.NET Core Identity.
- [ScalaCube : Game Server Hosting](https://www.yogihosting.com/scalacube-game-server-hosting/): A Game Server Hosting is a central data transmitter and is used specifically for multiplayer games like Minecraft, ARK, Rust, Hytale and similar. Players can link up with other players on a game server to play these games. They also allow you and your friends to enter major online competitions.
- [Xaero – Entity Framework Core Advanced Project [Updated .NET 9.0]](https://www.yogihosting.com/xaero-project-entity-framework-core/): “Xaero” is a an Entity Framework Core project built in ASP.NET Core. It powers a Movie Database application. Entity Framework core (EF Core) is the modern and popular Object/Relational Mapper (O/RM) framework by Microsoft. In this tutorial we will build a Very Advanced Project from scratch so make sure you read this tutorial from start till end.
- [ASP.NET Web Forms - Implementation of BlueImp jQuery File Upload GitHub Plugin](https://www.yogihosting.com/blueimp-jquery-file-upload-aspnet-web-forms/): GitHub has the the best jQuery File Upload plugin by BlueImp. It can be downloaded from GitHub using this link.
- [Complete Overview of Amazon AWS Certified Solutions Architect – Professional Certification](https://www.yogihosting.com/overview-amazon-aws-certified-solutions-architect/): IT is currently one of the most rapidly developing fields in the world and more people are aspiring to enter this industry as a result. This has made it a very competitive space and the employers always looking to hire the most experienced individuals. So, this means that if you want to find your place in IT, you will have to develop your expertise by gaining new knowledge and skills. There are a lot of ways to do that but one of the top methods is to obtain a certification. You can turn to a huge number of companies that […]
- [How to Quickly Implement BlueImp jQuery File Upload GitHub Plugin in ASP.NET Core](https://www.yogihosting.com/blueimp-jquery-file-upload-aspnet-core/): BlueImp jQuery File Upload Plugin is one of the top favorites of GitHub and can be downloaded from this link. In this tutorial I will implement BlueImp jQuery File Upload plugin in an ASP.NET Core Application. It will have the following features:
- [How to use jQuery to update records from inside the GridView with no Page Postback and without using Update Panel](https://www.yogihosting.com/jquery-update-record-inside-gridview/): There is no need to use OnRowEditing & OnRowUpdating events of GridView when updating records from it as it can be easily done using jQuery. In this tutorial I will teach you how to use jQuery to do the update of records from inside the GridView itself so that there is No Page Postback.
- [Call Web API from JavaScript with XMLHttpRequest (XHR)](https://www.yogihosting.com/aspnet-core-web-api-javascript/): JavaScript is a powerful programming language and I will now Call Web API from it. To be precise, I will use XMLHttpRequest (XHR) object to call the web api from JavaScript. I already have created my Web API built in ASP.NET Core, it is in RESTful pattern and has all the CRUD operations like providing flight reservations data to clients in JSON, searching the reservations with their ids, updating and deleting reservations and so on. This tutorial is a part of the ASP.NET Core API series which contains 5 tutorials to master this area: 1. How to Create Web APIs […]
- [How to perform Localization with Portable Object (PO) files in an ASP.NET Core](https://www.yogihosting.com/portable-object-aspnet-core/): Portable Object files also known commonly as PO files are text based files containing the entry holding the relation between an original untranslated string and its corresponding translation. They are a substitute for resource files to perform localization of a website built in asp.net core.
- [Globalization and Localization with Resource Files in ASP.NET Core](https://www.yogihosting.com/globalization-localization-resource-files-aspnet-core/): Page Contents Configurations in Program class DataAnnotations localization using Resource files Custom Validation Localization Strings Controllers localization using Resource files Views localization using Resource files Resource files location Download Source Codes
- [How to use Globalization and localization in ASP.NET Core](https://www.yogihosting.com/how-to-use-globalization-and-localization-in-asp-net-core/): Page Contents Steps to make the website Multilingual Step 1#: Configuring Globalization & Localization in the Program class Step #2: Setting the Request Culture Understanding the RequestCultureProvider What is ‘QueryStringRequestCultureProvider’ What is ‘CookieRequestCultureProvider’ What is ‘AcceptLanguageHeaderRequestCultureProvider’ Writing a Custom Request Culture Provider Download Source Codes
- [How to implement gRPC in ASP.NET Core](https://www.yogihosting.com/grpc-aspnet-core/): gRPC is a Remote Procedure Call protocol developed by Google which is up to 6 times faster than REST APIs. In this tutorial we will create a gRPC service in ASP.NET Core. The following topics are covered: Unary Server Streaming Client Streaming Bi-directional Streaming The full source codes created in this tutorial can be downloaded by the download link given at the last paragraph of this tutorial. So enjoy learning gRPC.
- [Show GridView Data in Left to Right manner](https://www.yogihosting.com/gridview-left-right/): The GridView by default shows the data from ‘top to bottom’. If you want to show the data from left to right then you can use JavaScript to do this work. Here in this tutorial I will use JavaScript to swap the GridView’s Rows and Columns to bring 2 changes:
- [How to show sum of columns in the footer of the GridView with jQuery](https://www.yogihosting.com/gridview-column-sum/): When working with GridView in ASP.NET Web Forms, there are requirements to show the sum of all the columns in the footer of the GridView. Well, let me tell you don’t write lengthy C# codes in .aspx.cs for these simple things, instead you can achieve this by using only a few lines of jQuery.
- [How to call a JWT secured APIs with jQuery AJAX [with source codes]](https://www.yogihosting.com/jwt-jquery-aspnet-core/): Page Contents Creating full Client JWT Application in jQuery JWT Token with Claims Download Source Codes JWT authentication is a popular standard to secure the Web API. In my last tutorial I explained in full details about ASP.NET Core JWT Authentication and Authorization of Web API, if you haven’t read it make sure you do it now.
- [ASP.NET Core JWT Authentication and Authorization of Web API [Detailed]](https://www.yogihosting.com/jwt-api-aspnet-core/): Page Contents How is JWT implemented in .NET Core Web API with JWT Authentication JWT Claims JWT Authorization of Roles GET JWT Claims Download Source Codes What is JWT in .NET – JWT which stands for “JSON Web Tokens” is an open standard method for securely transmitting information between parties as a JSON object (commonly known as ‘Token’). The token is digitally signed using a secret (with the HMAC algorithm) or a public/private key pair using RSA or ECDSA. Since the token is signed with a public/private key pairs, the signature certifies that only the party holding the private key […]
- [How to Install Bootstrap Package in ASP.NET Core Application in Visual Studio](https://www.yogihosting.com/install-bootstrap-aspnet-core/): Visual Studio has many tools available that you can use to install client-side packages such as Bootstrap & JQuery. Here in this tutorial I will discuss 2 popular ones which are: LibMan (LibraryManager) Bower I will also give you an example of this installation process. So make sure to read this tutorial on one go.
- [Learn JavaScript Promise method in easiest way](https://www.yogihosting.com/javascript-promise/): The Promise is an object that may produce a value, sometime in the future, on the completion of an asynchronous operation. The produced value can be either a successful result or an error .
- [What is Endpoint Routing, Implementing it from start [with codes]](https://www.yogihosting.com/aspnet-core-endpoint-routing/): The concept of Routing is very vast and I have covered it in 6 tutorials which are: 1. Learn ASP.NET Core Convention-Based Routing 2. What is Endpoint Routing, Implementing it from start [with codes] 3. Learn ASP.NET Core Route Constraint in details with lots of examples 4. ASP.NET Core Attribute Routing 5. ASP.NET Core Routing Generating URLs 6. Areas and Routing in ASP.NET Core So make sure you cover each of these one by one. ASP.NET Core 3.0 brings a new concept of Endpoint routing which scans incoming HTTP requests and maps them to Endpoint in the application. Endpoints can […]

## Pages

- [Home Code](https://www.yogihosting.com/): Tutorials on ASP.NET Core, Blazor, jQuery, EF Core and more. From Beginners to Advanced Developer. Complete series on ASP.NET Core, jQuery and Blazor Important topics on ASP.NET Web Forms, JavaScript, HTML with Source Codes. Start learning today for free Hi, I’m Yogi S. I am a Software Engineer, blogger working on Microsoft Techonogies. I have written complete series on ASP.NET Core, jQuery and Blazor which is read by over 2 million readers till now. From these readers have improved their skills, gain enormous knowledge, and excel in their careers! All the tutorails are written in very easy to understand language […]
- [All Tutorials](https://www.yogihosting.com/all-tutorials/)
- [Contact Us](https://www.yogihosting.com/contact-us/): Loading…


[comment]: # (Generated by Hostinger Tools Plugin)