Learn building websites with Angular and asp.net core. Making games with Unity
In this part of Angular tutorial, we’re going to setup angular material of our Angular application. Install prerequisites First of all, we need to install angular CLI and NodeJS. You can have more details on angular.io and nodejs.org .After installing NodeJS switch your environment, you have to execute this command to install angular CLI: Now, […]
Charts are essential components to build a dashboard which often contains performance indicators of the company or that it is used to display a monitoring of the workflow on the cloud for example. That’s why, in this new tutorial, we’ll see how to build line chart using Chartjs framework. You can find more details and […]
Pagination is an essential mechanism for managing a data grid with a large number of items. Generally, this type of component is chargeable and even the free versions are limited. In this part of tutorial, we will learn together how to add a pagination component to bootstrap table using Ng-Bootstrap module. You can watch my […]
A cross-origin request is a mechanism allowing a website to load a resource located from a domain other than that in which the site is located. This mechanism is strictly supervised for security reasons. It is possible to obtain Cross-Origin requests with the Angular frame. The server receiving its requests must first authorize it to […]
In this part of tutorial, I’ll show you haw to make edit user in Popup / Modal. We will use NgBootsrap . Install NgBootstrap Here is a list of minimal required versions of Angular and Bootstrap CSS for ng-bootstrap: ng-bootstrap Angular Bootstrap CSS 1.x.x 5.0.2 4.0.0 2.x.x 6.0.0 4.0.0 3.x.x 6.1.0 4.0.0 4.x.x 7.0.0 4.0.0 5.x.x 8.0.0 4.3.1 6.x.x […]
In this part of tutorial, I’ll show you haw to make users Grid with Edit and Delete actions. User Grid Let’s navigate to Bootstrap site web and search Table style. You can find it via this link. In the manage-users.component.html created in the last tutorial “Angular 8 – Using Guard” and past this html code. […]
In this part of tutorial, i ‘ll show you how you can secure you web site using Guards. So what’s guard and how to use it? What’s Gard The guard gives you a chance to clean-up or ask the user’s permission before navigating away from the current view.There are meany interfaces that you guard can […]
This article will demonstrate how to host Angular 8 application on Azure Cloud. You will need, in this tutorial Visual Studio Code and Free subscription on Microsoft Cloud Azure. Set up new App Service on Azure First of all, let’s create an new App Service called “DemoAngular8″. In your home page in azure portal, at […]
In this part of tutorial, we will see together, how to make Bearer authentication. What’s Bearer Authentication Bearer authentication (also called token authentication) is an HTTP authentication scheme that involves security tokens called bearer tokens. The name “Bearer authentication” can be understood as “give access to the bearer of this token.” The bearer token is a cryptic string, usually […]
In this part of Tutorial, we will learn how to make: Login Form. Email and Password Validations. Login action Web API You can find the code source on GitHub:– Web API: https://github.com/AlphaTechstudios/Forms.WebAPI/tree/angular_tuto_part_5– Angular: https://github.com/AlphaTechstudios/Forms/tree/Angular_tuto_part_5 Add Login Form Last time, we have already created the sign-in component. Let’s navigate to sign-in.component.html and add 2 fields for […]
In this part of Tutorial, we will learn how to make form validations. Source code: https://github.com/AlphaTechstudios/Forms/tree/Angular_tuto_part_4 Disable Sign Up button when submit Disable the signup button after submit to avoid registering the same user multiple times with the same email. We will see in the next tutorial how make this check in C# code also. […]
In this videos, you will learn how to: Install bootstrap Using router DI Custom services Using HttpClient Reactive Forms Sign Up Form Send Data from Angular to WebAPI GhitHub: Angular source WebAPI source Installing Bootstrap: Fist of all, we need to install Bootstrap package by running the command: Put the reference of bootstrap CSS file […]