Featured

@angular/fire/storage Angular 11 Upload files to Firebase

Tutorial: @angular/fire/storage – Angular 11 (Angular 8) – Upload/Display/Delete files to/from Firebase Storage using @angular/fire

In this tutorial, ozenero.com shows you way to upload, get, delete Files to/from Firebase Storage in a simple Angular 11 App using @angular/fire. Files’ info will be stored in Firebase Realtime Database.

Related Posts:
Angular 11 Firebase tutorial: Integrate Firebase into Angular 11 App with @angular/fire
Angular 11 Firebase CRUD operations with @angular/fire
Angular 11 Firestore tutorial with CRUD application example – @angular/fire

Want to know to to deploy Angular App on Hostings?
>> Please visit this Series (with Instructional Videos)

Continue reading “@angular/fire/storage Angular 11 Upload files to Firebase”

Featured

Angular 11 Django CRUD PostgreSQL tutorial

Tutorial: Angular 11 Django CRUD PostgreSQL tutorial

In this tutorial, we show you Angular 11 Http Client & Django Server example that uses Django to do CRUD with PostgreSQL (including finder method) and Angular 11 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 “Angular 11 Django CRUD PostgreSQL tutorial”

Featured

Vue.js SpringBoot CRUD MariaDB Example

Tutorial: Vue.js SpringBoot CRUD MariaDB Example | Spring Data JPA + REST + MariaDB CRUD

In this Vue.js SpringBoot tutorial, we show you Vue.js Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with MariaDB and Vue.js as a front-end technology to make request and receive response.

Related Posts:
MariaDB – How to use Spring JPA MariaDB | Spring Boot
Vue Router example – with Nav Bar, Dynamic Route & Nested Routes
Reactjs JWT Authentication Example

Continue reading “Vue.js SpringBoot CRUD MariaDB Example”

How to dynamically ignore fields while serializing java objects to json use jackson and spring boot

When we developed the Restful API, the returned data was usually in JSON format, to ignore fields while serializing POJO objects to json, the Jackson library provides two annotations: @JsonIgnore and @JsonIgnoreProperties to ignore fields. But both these annotations need the fields at compile time itself. We want the fields to be ignored have to be decided at the runtime, based on the endpoint called.
The following tutorial will solve this problem:

Continue reading “How to dynamically ignore fields while serializing java objects to json use jackson and spring boot”

Angular 9-10-11-12 Display Data on view

[no_toc]In the tutorial, ozenero.com will introduce how to display data in Angular by examples:

  • Display data using Interpolation
  • Show array items with *ngFor
  • Model Data by TypeScript class and display its properties
  • Using *ngIf to insert or remove an element by on boolean expression

Related posts:
Angular Tutorial
Angular built-in Slice Pipe | Array SlicePipe + String SlicePipe Example

Continue reading “Angular 9-10-11-12 Display Data on view”

Angular 11 Nodejs/Express upload file to PostgreSQL

Tutorial: “Angular 11 nodejs upload file to PostgreSQL – Node.js/Express + Angular 11 HttpClient – Upload File/Download File from PostgreSQL”load/list-upload.component.ht

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

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

Continue reading “Angular 11 Nodejs/Express upload file to PostgreSQL”

How to Integrate Angular 11 and SpringBoot RestAPIs Example

Tutorial: “How to Integrate Angular 11 and SpringBoot RestAPIs Example”

In the tutorial, we show you how to integrate Angular 11 with SpringBoot RestAPI for development using SpringToolSuite IDE.

  • Setup Nodejs and Angular CLI
  • Create simple Springboot RestAPIs
  • Setup Angular 11 project
  • Import Angular 11 to SpringToolSuite
  • Integrate SpringBoot RestAPI with Angular 11

Related posts:

Angular Tutorial.
Spring Boot + Angular 6 example | Spring Data + REST + MongoDb CRUD example

Continue reading “How to Integrate Angular 11 and SpringBoot RestAPIs Example”

Angular 11 Firestore CRUD application example – @angular/fire

Tutorial: “Angular 11 Firestore CRUD application example – @angular/fire”

Cloud Firestore helps us store data in the cloud. It supports offline mode so our app will work fine (write, read, listen to, and query data) whether device has internet connection or not, it automatically fetches changes from our database to Firebase Server. We can structure data in our ways to improve querying and fetching capabilities. This tutorial shows you how to work with Firebase Firestore along with an Angular app that can do CRUD Operations.

Related Posts:
Angular 8 Firebase tutorial: Integrate Firebase into Angular 11 App with @angular/fire
Angular 8 Firebase CRUD operations with @angular/fire
Angular 8 – Upload/Display/Delete files to/from Firebase Storage using @angular/fire

Continue reading “Angular 11 Firestore CRUD application example – @angular/fire”