Tag: http client

angular-material-12-image-upload-preview-example-feature-image

Angular Material 12 Image upload with Preview example

bezkoder Leave a comment

In this tutorial, I will show you way to build (Multiple) Image upload and Preview example with Web API/Rest API using Angular Material 12, FormData and Progress Bar.

More Practice:
– Angular 12 + Spring Boot: File upload example
– Angular 12 + Node.js: File Upload example
– Angular 12 Login and Registration example with JWT & Web Api
– Angular 12 CRUD Application example with Web API
– Angular 12 Form Validation example (Reactive Forms)
– Using Bootstrap: Angular 12 Multiple Images Upload with Preview example

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

Read More

angular-11-multiple-image-upload-preview-feature-image

Angular 11 Multiple Images Upload with Preview example

bezkoder Leave a comment

In this tutorial, I will show you way to build Multiple Images upload and Preview example with Web API/Rest API using Angular 11, FormData and Bootstrap Progress Bars.

More Practice:
– Angular 11 + Spring Boot: File upload example
– Angular 11 + Node.js: File Upload example
– Angular 11 CRUD Application example with Web API
– Angular 11 JWT Authentication example with Web Api

Newer version: Angular 12 Multiple Images Upload with Preview example

Read More

Angular Material 12 File upload example with progress bar

bezkoder Leave a comment

In this tutorial, I will show you way to build an Angular Material 12 File upload to Rest API example using HttpClient, FormData and Progress Bar.

More Practice:
– Angular Material 12 Image upload with Preview example
– Angular 12 + Spring Boot: File upload example
– Angular 12 + Node.js: File Upload example
– Angular 12 Login and Registration example with JWT & Web Api
– Angular 12 CRUD Application example with Web API
– Angular 12 Form Validation example (Reactive Forms)
– Bootstrap instead: Angular 12 File upload example with progress bar & Bootstrap

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

Read More

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

Angular 12 CRUD Application example with Web API

bezkoder Leave a comment

In this tutorial, I will show you how to build an Angular 12 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 11 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 JWT Authentication example with Web Api

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

Read More

Angular 12 Multiple Images Upload with Preview example

bezkoder Leave a comment

In this tutorial, I will show you way to build Multiple Images upload and Preview example with Web API/Rest API using Angular 12, FormData and Bootstrap Progress Bars.

More Practice:
– Angular 12 + Spring Boot: File upload example
– Angular 12 + Node.js: File Upload example
– Angular 12 CRUD Application example with Web API
– Angular 12 JWT Authentication example with Web Api
– Using Material: Angular Material 12 Image upload with Preview example

Read More

angular-12-jwt-authentication-authorization-example-feature-image

Angular 12 Login and Registration example with JWT & Web Api

bezkoder 8 Comments

In this tutorial, we’re gonna build an Angular 12 Token based Authentication & Authorization (Login and Registration) Application with Web Api and JWT (including HttpInterceptor, Router & Form Validation). I will show you:

  • JWT Authentication Flow for User Registration (Signup) & User Login
  • Project Structure for Angular 12 Authentication with HttpInterceptor, Router
  • How to implement HttpInterceptor
  • Creating Login, Signup Components with Form Validation
  • Angular Components for accessing protected Resources
  • How to add a dynamic Navigation Bar to Angular App
  • Working with Browser Session Storage

Let’s explore together.

Related Posts:
– In-depth Introduction to JWT-JSON Web Token
– Angular CRUD Application example with Web API
– Angular File upload example with Progress bar

Fullstack:
– Angular 12 + Spring Boot: JWT Authentication & Authorization example
– Angular 12 + Node.js Express: JWT Authentication & Authorization example

Read More

angular-12-file-upload-example-progress-bar-bootstrap-feature-image

Angular 12 File upload example with progress bar & Bootstrap

bezkoder Leave a comment

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

More Practice:
– Angular 12 Login and Registration example with JWT & Web Api
– Angular 12 CRUD Application example with Web API
– Angular 12 Form Validation example (Reactive Forms)
– Using Material: Angular Material 12 File upload example with progress bar

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

Read More