Tag: angular 11

Angular 11 + Node.js Express + MySQL example: CRUD Application

bezkoder 1 Comment

In this tutorial, I will show you how to build a full-stack (Angular 11 + Node.js + Express + MySQL) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is an Angular App with HTTPClient.

Other versions:
– Angular 8 + Node.js Express + MySQL example: CRUD Application
– Angular 10 + Node.js Express + MySQL example: CRUD Application
– Angular 12 + Node.js Express + MySQL example: CRUD Application

Related Posts:
– Server side Pagination with Node.js and Angular
– File Upload using Angular 11 and Node.js
– Angular + Node.js Express: JWT Authentication & Authorization example

Run both projects in one place:
How to Integrate Angular with Node.js Restful Services

Serverless with Firebase:
– Angular 11 Firebase CRUD Realtime DB | AngularFireDatabase
– Angular 11 Firestore CRUD example | AngularFireStore

Read More

Spring Boot + Angular 11: Pagination example

bezkoder Leave a comment

In this tutorial, I will show you how to build a full-stack Pagination (Angular 11 + Spring Boot) example on Server side. The back-end server uses Spring Data and Spring Web for REST APIs, front-end side is an Angular 11 App with HTTPClient.

Related Posts:
– Angular + Spring Boot + MySQL example
– Angular + Spring Boot + PostgreSQL example
– Angular + Spring Boot + MongoDB example
– Angular + Spring Boot: JWT Authentication example
– Angular + Spring Boot: File upload example

Newer version: Spring Boot + Angular 12: Pagination example

Read More

angular-11-crud-application-example-web-api-feature-image

Angular 11 CRUD Application example with Web API

bezkoder 9 Comments

In this tutorial, I will show you how to build an Angular 11 CRUD Application to consume Web APIs, display, modify & search data.

Other versions:
– Angular 8 CRUD Application example with Web API
– Angular 10 CRUD Application example with Web API
– Angular 12 CRUD Application example with Web API

Fullstack CRUD Application:
– Angular + Node.js Express + MySQL example
– Angular + Node.js Express + PostgreSQL example
– Angular + Node.js Express + MongoDB example
– Angular + Spring Boot + MySQL example
– Angular + Spring Boot + PostgreSQL example
– Angular + Spring Boot + MongoDB example
– Angular + Django example
– Angular + Django + MySQL example
– Angular + Django + PostgreSQL example
– Angular + Django + MongoDB example

Authentication: Angular 11 JWT Authentication example with Web Api

More Practice:
– Angular 11 Form Validation example (Reactive Forms)
– Angular 11 File upload example with Progress bar
– Angular 11 Multiple Files upload example with Progress Bar

Read More

angular-11-file-upload-example-progress-bar-feature-image

Angular 11 File upload example with progress bar & Bootstrap

bezkoder 3 Comments

In this tutorial, I will show you way to build an Angular 11 File upload example using Bootstrap, FormData and Progress Bar.

Newer version: Angular 12 File upload example with progress bar & Bootstrap

More Practice:
– Angular 11 JWT Authentication example with Web Api
– Angular 11 CRUD Application example with Web API
– Angular 11 Form Validation example (Reactive Forms)
– With Preview: Angular 11 Multiple Images Upload with Preview example

Serverless with Firebase:
Angular 11 Upload File to Firebase Storage example

Read More

JWT Authentication with Node.js Express, Angular 11 example

bezkoder 2 Comments

In this tutorial, we will learn how to build a full stack Node.js Express + Angular 11 Authentication example. The back-end server uses Node.js Express with jsonwebtoken for JWT Authentication & Authorization, Sequelize for interacting with MySQL database. The front-end will be created with Angular 11, HttpInterceptor and Router. We’ll also perform Form validation on UI.

Newer version: Angular 12 + Node.js: Login and Registration example with JWT

Related Posts:
– Node.js + MongoDB: User Authentication & Authorization with JWT
– Node.js + PostgreSQL: JWT Authentication & Authorization

Fullstack:
– Angular + Node.js Express + MySQL example
– Angular + Node.js Express + PostgreSQL example
– Angular + Node.js Express + MongoDB example
– Angular + Node.js Express: File Upload example

Run both projects in one place:
How to Integrate Angular with Node.js Restful Services

Read More

Angular 11 + Spring Boot + MongoDB example: CRUD Application

bezkoder Leave a comment

In this tutorial, we will learn how to build a full stack Angular 11 + Spring Boot + MongoDB example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data MongoDB for interacting with MongoDB database. Front-end side is made with Angular 11, HTTPClient & Router.

Newer version: Angular 12 + Spring Boot + MongoDB example: CRUD Application

More Practice:
– Angular + Spring Boot: JWT Authentication & Authorization example
– Angular + Spring Boot: File upload example

Serverless with Firebase:
– Angular 11 Firebase CRUD Realtime DB | AngularFireDatabase
– Angular 11 Firestore CRUD example | AngularFireStore

Read More

angular-11-firestore-crud-angularfirestore-feature-image

Angular 11 Firestore CRUD: add/get/update/delete documents with AngularFireStore

bezkoder 2 Comments

In this tutorial, I will show you how to build Angular 11 CRUD App with Firebase Cloud Firestore that uses AngularFireStore service to get/add/update/delete documents in a collection.

Related Posts:
– Angular 11 Firebase CRUD Realtime DB | AngularFireDatabase
– Angular 11 Firebase Storage: File Upload/Display/Delete Files example
– Angular 11 CRUD Application example with Web API
– Angular 11 Form Validation example (Reactive Forms)

Newer version: Angular 12 Firestore CRUD: add/get/update/delete documents with AngularFireStore

Read More