Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL – Part 3: Build Frontend

The tutorial is Part 3 of the series: Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL. Today we’re gonna build a Angular HTTP Client App that can interact with Nodejs JWT Authentication Server.

Part 1: Overview and Architecture
Part 2: Build Backend

[Continue reading…] “Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL – Part 3: Build Frontend”

Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL – Part 2: Build Backend

The tutorial is Part 2 of the series: Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL. Today we’re gonna build a Nodejs Authentication & Authorization RestAPIs that can interact with MySQL database.

Part 1: Overview and Architecture.
Part 3: Build Frontend

[Continue reading…] “Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL – Part 2: Build Backend”

How to Deploy Angular application on Heroku hosting with Git repository

In the tutorial, we guide how to automatically deploy Angular application on Heroku hosting with Git repository.

Related post:
Angular 6 dynamic Navigation Bar – add/remove Route dynamically

[Continue reading…] “How to Deploy Angular application on Heroku hosting with Git repository”

Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL – Part 1: Overview and Architecture

The tutorial is Part 1 of the series: Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL. In this part, we show you Overview and Architecture of the System (from Angular frontend to Nodejs/Express backend). You will see the combination of big components and what you need to do for the security part (authentication & authorization) of full-stack web development.

Part 2: Build Backend
Part 3: Build Frontend

[Continue reading…] “Angular & Nodejs JWT Authentication fullstack | Nodejs/Express RestAPIs + JWT + BCryptjs + Sequelize + MySQL – Part 1: Overview and Architecture”

How to Deploy Angular Application on Firebase Hosting example

Firebase Hosting is production-grade web content hosting, we can quickly deploy web apps by a single command. In the tutorial, we guide how to deploy Angular application on Firebase Hosting.

Related posts:
Angular 6 dynamic Navigation Bar – add/remove Route dynamically

[Continue reading…] “How to Deploy Angular Application on Firebase Hosting example”

Angular 6 Search Box example with Youtube API & RxJS 6

In this tutorial, we’re gonna build an Angular Application that helps us to search YouTube when typing. The result is a list of video thumbnails, along with a description and link to each YouTube video. We’ll use RxJS 6 for processing data and EventEmitter for interaction between Components.

[Continue reading…] “Angular 6 Search Box example with Youtube API & RxJS 6”

How to Depoy Angular on Apache Tomcat Remote Server – Vultr Hosting VPS Example

In the tutorial, we show you how to deploy Angular Client with Production mode on Apache Tomcat Remote Server with Vultr Hosting VPS.

Related post:
Angular 6 dynamic Navigation Bar – add/remove Route dynamically
How to Install Apache Tomcat on Ubuntu Remote Server – Vultr Hosting Example

[Continue reading…] “How to Depoy Angular on Apache Tomcat Remote Server – Vultr Hosting VPS Example”

How to setup new Angular project with specific Version locally

When you have updated Angular CLI using npm install -g @angular/cli[@version], everytime you create Angular project using the ng new command, the project is generated with Angular version corresponding to that Angular CLI version. In this tutorial, we’re gonna show you 2 ways how to setup new Angular project with specific Version.

[Continue reading…] “How to setup new Angular project with specific Version locally”

Angular 7 Virtual Scroll example – Angular Material CDK

The @angular/cdk/scrolling module with a technique called Virtual Scrolling helps us display a big list of elements efficiently by only rendering the items in view. Virtual Scrolling is different from infinite scroll – where it renders batches of elements and then when user goes to bottom of the list, it renders the rest. In this tutorial, we create many simple examples that show you how to work with Angular 7 Material CDK – Virtual Scrolling.

Related Post: Angular 7 Drag and Drop example – Angular Material CDK

[Continue reading…] “Angular 7 Virtual Scroll example – Angular Material CDK”

How to Deploy Angular on Nginx remote Server Example – Use Vultr VPS Hosting

In the tutorial, We show how to deploy Angular Client with Production mode on Nginx Remote Server with Vultr Hosting.

Related post:
Angular 6 dynamic Navigation Bar – add/remove Route dynamically

[Continue reading…] “How to Deploy Angular on Nginx remote Server Example – Use Vultr VPS Hosting”

How to Deploy Angular on Apache Remote Server Example – Use Vultr Hosting

In the tutorial, We show how to deploy Angular Client with Production mode on Apache Remote Server with Vultr Hosting.

Related post:
Angular 6 dynamic Navigation Bar – add/remove Route dynamically

[Continue reading…] “How to Deploy Angular on Apache Remote Server Example – Use Vultr Hosting”