Introduction In this article, we will create a Blazor application using Google Firstore as database provider. We will create a Single Page Application (SPA) and perform CRUD operations on it. We will use Bootstrap 4 to display a modal popup for handling user inputs. The form also has a dropdown list, which will bind to […]
Localization In Angular Using i18n Tools
Introduction In this article, we will learn how to make our Angular app available in different languages using i18n and localization. We will create an Angular application and configure it to serve the content in three different languages. We will also deploy our app to Google Firebase and see how localization works in real time. […]
Hosting A Blazor Application on Firebase
Introduction In this article, we will learn how to deploy a Blazor application on Firebase. We will create a client side application using Blazor and host it on Firebase. This application will not have any server side code or web API logic. We will use Visual Studio 2017 to build and publish the application. Prerequisites […]
Publishing A Blazor Component To Nuget Gallery
Introduction In this article, we will learn how to publish a reusable Blazor component to nuget gallery. We will use Visual Studio 2017 to build and create the nuget package. Prerequisites Install the .NET Core 2.1 or above SDK from here. Install Visual Studio 2017 v15.7 or above from here. Install ASP.NET Core Blazor Language […]
BlazorGrid – A Reusable Grid Component For Blazor
Introduction In this article, we will create a reusable grid component for Blazor called BlazorGrid. It will display the user data in a grid and supports client-side pagination. Take a look at the final application. To learn how to publish BlazorGrid component to nuget gallery refer to Publishing a Blazor Component to Nuget Gallery Prerequisites Install […]
Getting Started With Angular 7.0
Introduction Angular has released its latest version, Angular 7.0. In this article, we will explore the following points What is new in Angular 7.0? Creating the first Angular 7.0 application using Angular CLI. How to update existing Angular application to Angular 7.0? What’s new in Angular 7.0? While creating a new Angular application the Angular […]
Deploying A Blazor Application On Azure
Introduction In this article, we will learn how to deploy an ASP.NET Core hosted Blazor application on Azure. We will use Visual Studio 2017 to publish the app and create a SQL database server on Azure to handle DB operations. Prerequisites Install the .NET Core 2.1 or above SDK from here Install Visual Studio 2017 v15.7 […]
Understanding Angular Animation
Introduction Animation is defined as the transition from an initial state to a final state. It is an integral part of any modern web application. Animation not only help us to create a great UI but it also makes the application interesting and fun to use. A well-structured animation keeps the user glued to the […]
CRUD Using Blazor with MongoDB
Introduction In this article we will create a Blazor application using MongoDB as our database provider. We will create a Single Page Application (SPA) and perform CRUD operations on it. A modal popup will display the form to handle the user inputs and the form also has a dropdown list, which will bind to a […]
Single Page Application Using Server-Side Blazor
Introduction In this article, we will create a Single Page Application (SPA) using the server-side Blazor concepts with the help of Entity Framework Core database first approach. Single-Page Applications are web applications that load a single HTML page and dynamically update that page as the user interacts with the app. We will be creating a […]
Understanding Server-side Blazor
Introduction We all know that the Blazor framework is a client-side web framework. But is it possible to run a Blazor application separate from UI thread? The latest version 0.5.0 of Blazor gives us the flexibility to run Blazor in a separate process from the rendering process. We are going to explore server-side Blazor in […]
ASP.NET Core – Expense Manager Using EF Core and Highcharts
Introduction In this article, we will be creating a personal expense manager using Asp.NET Core 2.1 and Entity Framework core Code first approach. An expense manager tracks your daily expenses and provides comparative charts to show expense summary. Since we are using modal dialog to handle user inputs and to show monthly and weekly expense […]
JavaScript Interop in Blazor
Introduction In this article, we will learn about JavaScript Interop in Blazor. We will understand what JavaScript Interop is and how we can implement it in Blazor with the help of a sample application. We will be using Visual Studio code for our demo. What is JavaScript Interop? Blazor uses JavaScript to bootstrap the .NET […]
