Angular JS Tutorial

angular
node

Spring Boot Angular Captcha Example

By Dhiraj Ray, 09 July,2018

In this article, we will be integrating Google reCaptcha with a spring boot web applications with Angular as a client. The ReCaptcha will appear in an angular login form and once the form is submitted, it will be validated on the server side with the secret key along with the username and password. In the example, once the user credentials and the captcha is validated, post login page will appear.... Read more ➤

Deploying Angular App with Nginx on Cloud

By Dhiraj Ray, 08 June,2018

In this article, we will be discussing deploying Angular applications to cloud with Nginx server. Hence, first we will be building an angular 6 application and then install and set up Nginx on cloud. I already have an ec2 instance on aws. Also, we will briefly discuss about different Nginx directives and then deploy the angular app on Nginx. Though we are using Angular 6 app for example but same process can be used to deploy any angular version that is released after angular version 2.... Read more ➤

Angular 6 CRUD Example

By Dhiraj Ray, 23 May,2018

In this article, we will be building an Angular 6 application step by step from scratch. We will be generating our Angular 6 Hero application using angular CLI and then modify it to have a user management project where there will be a login screen for an admin and post-login he can perform CRUD operations such as create, read, update and delete user with the sample REST API exposed using HttpClientModule. We will also be using RouterModule to have routing enabled.... Read more ➤

Creating Progressive Web Applications With Angular

By Saurabh, 22 April,2018

Progressive web applications might soon become the new web apps standard. This is not based on some controversial opinion or a wild fantasy, but rather on how well it’s performing vs traditional web applications. Progressive Web Applications, known as PWA, are built using the traditional web technologies ( HTML, CSS, and JS) but they look and behave as a combination of mobile applications and web applications.... Read more ➤

Building Angular5 Application Step By Step

By Dhiraj Ray, 03 February,2018

In this article, we will be building an angular5 application from scratch with step by step configuration and explanation.This single page application will be created using angular CLI command with different angular modules integrated with it such as RouterModule, HttpClientModule, AppRoutingModule, FormsModule. The application will have a sample login page styled with bootstrap and a user dashboard page. Once, the user is authenticated successsfully, he will be redirected to the dashboard page where he can see a list of users.... Read more ➤

Angular 5 Data Table Example(Pagination + Sorting + Filtering)

By Dhiraj Ray, 29 January,2018

This tutorial is about angular 5 data table.Here, we will be creating a angular application from CLI command and then integrate material with it and create a sample data table using MatTableModule and mat-table directive.The data table will support pagination, sorting, filtering and row selection provided by MatPaginator and matSort in MatPaginatorModule and MatSortModule... Read more ➤

Angular 5 Material Dialog Implementation Example

By Dhiraj Ray, 28 January,2018

This tutorial is about creating and implementing angular material dialog. We will be using angular 5 provided MatDialogModule to create a custom dialog with functionality to share data between dialog component, global configurations, entry components with example codes. In the last tutorial, we created a sample material login application and used browser alert to show error messages. We will be using the same application and integrate MatDialogModule in it to show messages.... Read more ➤

Angular Js 5 Material Design Application

By Dhiraj Ray, 25 January,2018

This tutorial is about creating a sample application using angular 5 material design.The app will have a login page as a landing page and after successful login user will be redirected to next page. To design this page we will be using different angular 5 material components such as form controls, navigation menu, layout and buttons.... Read more ➤