Introduction

Angular is an open-source framework that allows us to create applications for multiple platforms such as web, mobile web, native mobile, and native desktop. It is one of the most popular Single Page Application frameworks.

In this eBook, we are going to create a blogging application using Angular on the front-end and Google cloud Firestore as our database. We will also learn how to deploy the application on Firebase.

Image for post
Image for post
Cover page of the book

Download the free eBook

The book is published by C# Corner.

You can download the free book from Build a Full-Stack Web Application Using Angular & Firebase

Source Code

The source code of the application which we…

Introduction

In this article, we are going to create a multi-language translator using Angular and the Translate Text Azure Cognitive Service. This translator will be able to translate between more than 60 languages which are supported by the Translate Text API. We will supply the text to translate and the target language to our application and it will return the translated text and the detected language of the input text.

Prerequisites

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 a collection in our database. We will also implement a client-side search functionality to search the employee list by employee name.

Take a look at the final application.

Image for post
Image for post

Prerequisites

  • Install the .NET Core 2.1 or above SDK from here
  • Install latest version of Visual Studio 2017 from…

Image for post
Image for post
Photo by Slava Bowman on Unsplash

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.

We will use Angular 7 and VS Code to develop our application. Take a look at the application output.

Image for post
Image for post
Photo by Sergey Zolkin on Unsplash

Introduction

In this article, we will learn how to deploy a Blazor application on Firebase. We will create a basic calculator app 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. We will use CLI to deploy the application on Firebase.

Prerequisites

You need to install following prerequisites to create a Blazor application.

  • Install the .NET Core 2.1 or above SDK from here
  • Install the latest version of Visual Studio 2017 from here
  • Install ASP.NET Core Blazor Language Services extension…

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 Services extension from here.
  • A nuget account. Create your free account on nuget.org here.

Please refer to my previous article BlazorGrid — A Reusable Grid Component For Blazor to create the BlazorGrid component, which we will publish in this tutorial.

Source Code

Get the source code for BlazorGrid at…

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.

Image for post
Image for post

To learn how to publish BlazorGrid component to nuget gallery refer to Publishing a Blazor Component to Nuget Gallery

Prerequisites

  • Install the .NET Core 2.1 or above SDK from here
  • Install the latest version of Visual Studio 2017 from here
  • Install ASP.NET Core Blazor Language Services extension from here
  • Install Blazor templates on the command-line using the following command :
dotnet new -i Microsoft.AspNetCore.Blazor.Templates

Source Code

Get the source…

Image for post
Image for post
Photo by Adam Gong on Unsplash

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 your first Angular 7.0 application using Angular CLI
  • How to update your existing Angular application to Angular 7.0

What’s new in Angular 7.0?

  1. While creating a new Angular application, the Angular CLI will prompt the user to select if they want to add features like Angular routing or the format of the stylesheet they want to use in their application
  2. Angular 7.0 applications will use the Bundle Budget feature of Angular CLI. This will warn developers if the application bundle size…

Image for post
Image for post
Photo by Arif Wahid on Unsplash

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. We will 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 or above from here
  • Install ASP.NET Core Blazor Language Services extension from here
  • An Azure subscription account. You can create a free Azure account here

Please refer to my previous article Cascading DropDownList in Blazor Using EF Core to create the application that we will…

Image for post
Image for post
Photo by Rich Tervet on Unsplash

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 helps us create a great UI but it also makes the application interesting and fun to use. A well-structured animation keeps the user engaged with the application and enhances the user experience.

Angular allows us to create animations which provides us similar native performance as CSS animations. In this article, we will learn how we can create animation using Angular 6.

We will use Visual Studio Code for our demo.

Prerequisites

Install VS code…

Ankit Sharma

Senior Member Technical at ADP | GDE for Angular and web technology | C# Corner MVP | Author | Speaker | Passionate Programmer https://ankitsharmablogs.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store