Tag: angular 12

Angular 12 Firebase + @angular/fire tutorial: Integrate Firebase into Angular 12 App

Angular 12 Firebase + @angular/fire tutorial: Integrate Firebase into Angular 12 App

Firebase is a mobile and web application development platform developed by Google. We can build our apps very fast, without making complex back-end system. It helps to scale automatically, for even the largest apps. In this Angular 8 Firebase tutorial, we’re gonna integrate Firebase into Angular 12 App with @angular/fire module (official library for Firebase and Angular).

Related Posts:
– Angular 12 Firebase Realtime Database CRUD operations with @angular/fire
– Angular 12 Firestore tutorial with CRUD application example – @angular/fire
– Angular 12 – Upload/Display/Delete files to/from Firebase Storage using @angular/fire

[Continue reading…] “Angular 12 Firebase + @angular/fire tutorial: Integrate Firebase into Angular 12 App”

Angular 12 SpringBoot Get/Post/Put/Delete requests

Angular provides the HttpClient in @angular/common/http for front-end applications communicate with backend services. In the tutorial, we show how to build an Angular application that uses the HttpClient to make get/post/put/delete requests with Observable apis to SpringBoot RestAPIs.

Related posts:
– Angular 12 Service – with Observable Data for Asynchronous Operation
– Angular 12 Routing/Navigation – with Angular Router Service
– Angular 12 Template Driven Form – NgModel for Two-Way Data Binding

[Continue reading…] “Angular 12 SpringBoot Get/Post/Put/Delete requests”

Angular 12 Nodejs MySQL – Upload Files/Download Files using Multer + Sequelize ORM

Angular 12 Nodejs MySQL – Upload Files/Download Files using Multer + Sequelize ORM

Angular 6 HttpClient – Upload Files/Download Files to MySQL with Node.js/Express RestAPIs – using Multer + Sequelize ORM

In the tutorial, we show how to upload files, download files from Angular 12 Client to MySQL with Node.js RestAPIs server using Multer middleware and Sequelize ORM.

Related posts:
– Node.js/Express RestAPIs server – Angular 12 Upload/Download Files – Multer + Bootstrap
– Angular 12 HttpClient Crud + Node.js Express Sequelize + MySQL – Get/Post/Put/Delete RestAPIs

[Continue reading…] “Angular 12 Nodejs MySQL – Upload Files/Download Files using Multer + Sequelize ORM”

PostgreSQL + Angular 12 + Django RestApis CRUD Application tutorial

Tutorial: Django RestApis CRUD Application with Angular 12 & PostgreSQL tutorial

In this tutorial, we show you Angular 12 Http Client & Django Server example that uses Django to do CRUD with PostgreSQL (including finder method) and Angular 12 as front-end technology to make request and receive response.

Related Post: Django RestApis example – GET/POST/PUT/DELETE requests to PostgreSQL database

[Continue reading…] “PostgreSQL + Angular 12 + Django RestApis CRUD Application tutorial”

Node.js/Express Angular 12 Upload/Download Files – Multer + Bootstrap

Tutorial: Node.js/Express RestAPIs server – Angular 12 Upload/Download Files – Multer + Bootstrap

In the tutorial, we show how to upload files, download files from Angular 12 Client to Node.js RestAPIs server using Multer middleware.

Related posts:
– NodeJS/Express – Upload/Download MultipartFiles/Images – Multer + JQuery Ajax + Bootstrap
– Node.js RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4

[Continue reading…] “Node.js/Express Angular 12 Upload/Download Files – Multer + Bootstrap”

Nodejs Angular 12 Upload File/Download File from PostgreSQL – with Node.js/Express RestAPIs example – using Multer + Sequelize ORM

In the tutorial, we show how to upload files, download files from Angular 12 Client to PostgreSQL with Node.js RestAPIs server using Multer middleware and Sequelize ORM.

Related posts:
– Node.js/Express RestAPIs server – Angular 12 Upload/Download Files – Multer + Bootstrap
– Node.js/Express – PostgreSQL example – Upload File/Download File – Multer + Sequelize CRUD

[Continue reading…] “Nodejs Angular 12 Upload File/Download File from PostgreSQL – with Node.js/Express RestAPIs example – using Multer + Sequelize ORM”

Angular 12 Node.js/Express Sequelize CRUD + MySQL – Get/Post/Put/Delete RestAPIs

Sequelize is a promise-based ORM for Node.js v4 and later. In the tutorial, we will show how to GET/POST/PUT/DELETE requests from Angular 12 Client to MySQL with NodeJs/Express RestAPIs using Sequelize ORM.

Related posts:
– Sequelize ORM – Build CRUD RestAPIs with NodeJs/Express, Sequelize, MySQL
– Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4

[Continue reading…] “Angular 12 Node.js/Express Sequelize CRUD + MySQL – Get/Post/Put/Delete RestAPIs”

Angular 12 + Nodejs/Express + Mongoose CRUD MongoDB – Get/Post/Put/Delete

Angular 12 + Nodejs/Express + Mongoose CRUD MongoDB – Get/Post/Put/Delete

Mongoose is a MongoDB object modeling tool that provides a schema-based solution to model data. In the tutorial, we will show how to build get/post/put/delete requests from Angular 12 Client to MongoDB with NodeJs/Express RestAPIs using Mongoose ODM.

Related posts:
– Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4
– Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose

[Continue reading…] “Angular 12 + Nodejs/Express + Mongoose CRUD MongoDB – Get/Post/Put/Delete”

Angular 12 + Nodejs/Express + Mongoose CRUD MongoDB – Get/Post/Put/Delete

Angular 12 + Nodejs/Express + Mongoose CRUD MongoDB – Get/Post/Put/Delete

Mongoose is a MongoDB object modeling tool that provides a schema-based solution to model data. In the tutorial, we will show how to build get/post/put/delete requests from Angular 12 Client to MongoDB with NodeJs/Express RestAPIs using Mongoose ODM.

Related posts:
– Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4
– Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose

[Continue reading…] “Angular 12 + Nodejs/Express + Mongoose CRUD MongoDB – Get/Post/Put/Delete”

Angular 12 ElasticSearch example – simple Full Text Search

Angular 12 ElasticSearch example – simple Full Text Search

In the previous posts, we had know how to get All Documents in Index and show them with pagination. This tutorial show you way to implement a simple Full Text Search in an Angular 12 Application.

Related Post:
– Angular 12 ElasticSearch – Quick Start – How to add Elasticsearch.js
– Angular 12 ElasticSearch example – How to create an Index
– Angular 12 ElasticSearch example – Add Document to Index
– Angular 12 ElasticSearch example – Get All Documents in Index
– Angular 12 ElasticSearch example – Documents Pagination with Scroll

[Continue reading…] “Angular 12 ElasticSearch example – simple Full Text Search”

Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4

Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4

Angular provides the HttpClient in @angular/common/http for front-end applications communicate with backend services. In the tutorial, we show how to build an Angular application that uses the HttpClient to make get/post/put/delete requests with Observable apis to Node.js RestAPIs.

Related posts:
– Angular 12 Service – with Observable Data for Asynchronous Operation
– Angular 12 Routing/Navigation – with Angular Router Service
– Angular 12 Template Driven Form – NgModel for Two-Way Data Binding

[Continue reading…] “Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4”

Angular 12 + Nodejs/Express – Error Handler HttpClient – catchError + retry example

Error Handler Angular 12 HttpClient – catchError + retry – with Node.js/Express example

In the tutorial, we show how to handle error from Angular HttpClient with catchError & retry when request fails on the server, or in case of a poor network connection.

Related posts:
– Node.js/Express RestAPIs – Angular 12 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4

[Continue reading…] “Angular 12 + Nodejs/Express – Error Handler HttpClient – catchError + retry example”