Angular 6 – NgFor Repeater Directive – Loop over a Collection.

In the tutorial, we introduce how to use Angular ngFor, a built-in directive, to iterate over a collection.

Related posts:
Angular 6 Component – How to create & integrate New Angular 6 Component
Angular 6 Service – with Observable Data for Asynchronous Operation

[Continue reading…] “Angular 6 – NgFor Repeater Directive – Loop over a Collection.”

Angular 6 Firebase CRUD operations with AngularFire2 v5

In this tutorial, we’re gonna create a simple Angular 6 App that does CRUD to create, read, update, delete data to/from Firebase Realtime Database using AngularFire2.

Related Post: How to integrate Firebase with Angular 6 – AngularFire2 V5

[Continue reading…] “Angular 6 Firebase CRUD operations with AngularFire2 v5”

How to integrate Firebase with Angular 6 – AngularFire2 V5

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 6 Firebase tutorial, we’re gonna integrate Firebase into Angular 6 App with AngularFire2 5.0.

Related Post: Angular 6 Firebase CRUD operations with AngularFire2 v5

[Continue reading…] “How to integrate Firebase with Angular 6 – AngularFire2 V5”

Angular 6 Service – with Observable Data for Asynchronous Operation

Angular Component is used to present data and delegate data access to a service. Angular Services are a great way to share data among classes. So in the tutorial, we introduce how to create Angular Service and use Observable class of RxJS library for asynchronous operation in Angular Service’s implementation.

Related posts:
Angular 6 Component – How to create & integrate New Angular 6 Component
How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite

[Continue reading…] “Angular 6 Service – with Observable Data for Asynchronous Operation”

How to explore Data inside of Blockchain Network in Javascript

In this tutorial, we’re gonna build API that allows us to explore the data inside of our Blockchain Network. We will have ability to search the entire Blockchain for a specific Block by Hash, for a specific Transaction by Id. We can also fetch data from our Blockchain Network for a specific User/Address.

Previous Post: How to build Consensus Algorithm for Blockchain Network in Javascript

[Continue reading…] “How to explore Data inside of Blockchain Network in Javascript”

Angular 6 Component – How to create & integrate New Angular 6 Component

Angular Components are the major part of development which control a patch of screen view. So in the tutorial, we introduce how to create and integrate new Angular 6 Component.

Related posts:
How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite
Angular 6 Service – with Observable Data for Asynchronous Operation

[Continue reading…] “Angular 6 Component – How to create & integrate New Angular 6 Component”

How to build Consensus Algorithm for Blockchain Network in Javascript

During broadcasting Transactions over our Blockchain network, a certain node may not receive a piece of information, or even there is a bad actor who sent out false information or created fraudulent transactions and broadcasts them to the whole network, convinces everybody that they are legitimate transactions. So, the Consensus Algorithm provides us a way to compare one Node to all the other Nodes inside of the network to confirm that it has the correct data. In this tutorial, we’re gonna create a Consensus Algorithm that implements the Longest Chain rule.

Previous Post: How to Synchronize Blockchain Network in JavaScript

Next Post: How to explore Data inside of Blockchain Network in Javascript

[Continue reading…] “How to build Consensus Algorithm for Blockchain Network in Javascript”

How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite

In the tutorial, we guide how to integrate Angular 6 with SpringBoot RestAPI for development using SpringToolSuite IDE.

Related posts:
Angular 6 Component – How to create & integrate New Angular 6 Component
Angular 6 Service – with Observable Data for Asynchronous Operation

[Continue reading…] “How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite”

How to Synchronize Blockchain Network in JavaScript

In previous post, we built a Decentralized Blockchain Network that contained some Nodes, each Node was aware of all others. Today we will synchronize this network so that Blockchain in all Nodes are the same every time mining is done.

Previous Post: How to build a Decentralized Blockchain Network in Javascript

Next Post: How to build Consensus Algorithm for Blockchain Network in Javascript

[Continue reading…] “How to Synchronize Blockchain Network in JavaScript”

Kotlin SpringBoot Upload/Download File – MultipartFile + Thymeleaf + Bootstrap 4 example

In the tutorial, we will show you how to build a SpringBoot web-application to upload/download file with Thymeleaf engine and Bootstrap 4 using Kotlin language.

[Continue reading…] “Kotlin SpringBoot Upload/Download File – MultipartFile + Thymeleaf + Bootstrap 4 example”

How to build a Decentralized Blockchain Network in Javascript

In previous post, we have a single Blockchain and the only way to access it is through API from a single server. It is centralized and not good because this API totally controls the whole Blockchain with all data inside it. Today we will build a decentralized Blockchain network that has many different instances of the API. So instead of just having our Blockchain hosted on a single centralized node, it is hosted across a decentralized network which will be very powerful because of the security: we don’t have to trust only one single entity.

Previous Post: How to create Blockchain API in Javascript

Next Post: How to Synchronize Blockchain Network in JavaScript

[Continue reading…] “How to build a Decentralized Blockchain Network in Javascript”

SpringBoot – Upload/Download MultipartFile to MySQL – Bootstrap 4 + JQuery Ajax + Spring Hibernate JPA @Lob Example

In the tutorial, we will show you how to create a SpringBoot project to download/upload MultipartFile to MySQL using Bootstrap 4, JQuery Ajax, Spring Hibernate JPA @Lob

Related posts:
SpringJPA – save/retrieve Files/Images to MySQL database with @Lob annotation

[Continue reading…] “SpringBoot – Upload/Download MultipartFile to MySQL – Bootstrap 4 + JQuery Ajax + Spring Hibernate JPA @Lob Example”

Spring Hibernate JPA @Lob – Upload/Download MultipartFile to PostgreSQL – SpringBoot + JQuery Ajax + Bootstrap 4 Example

In the tutorial, we will show you how to create a SpringBoot project to download/upload MultipartFile to PostgreSQL using Spring Hibernate JPA, JQuery Ajax, Bootstrap 4.

Related posts:
Spring Hibernate JPA – Upload/Download File/Image to PostgreSQL with @Lob

[Continue reading…] “Spring Hibernate JPA @Lob – Upload/Download MultipartFile to PostgreSQL – SpringBoot + JQuery Ajax + Bootstrap 4 Example”

Spring Hibernate JPA – Upload/Download File/Image to PostgreSQL with @Lob Example

In the tutorial, we guide how to upload/download file to PostGreSQL using Spring Hibernate JPA with @Lob annotation.

[Continue reading…] “Spring Hibernate JPA – Upload/Download File/Image to PostgreSQL with @Lob Example”

Angular 6 – Use Angular Elements to build Custom Elements example

Custom Element is a web standard with new HTML element which allows us to define a tag whose content is created and controlled by JavaScript code in a framework-agnostic way. Custom Element bootstraps itself. That means it starts automatically when added to the DOM, and is automatically destroyed when removed from the DOM. It looks and behaves like any HTML element without need to know anything about Angular, component’s data structures or implementation. This feature is currently supported by Chrome, Opera, and Safari, and available in other browsers through polyfills. In the tutorial, we will show you way to build a Custom Element from Angular Component using Angular Elements.

[Continue reading…] “Angular 6 – Use Angular Elements to build Custom Elements example”

NodeJS – GridFS APIs Upload/Download Files to MongoDB – Mongoose

In the tutorial, we show you how to build a NodeJS web-application that uses stream-based GridFS APIs with Mongoose to upload/download files to MongoDB.

Related posts:
NodeJS – use Mongoose to save Files/Images to MongoDB
Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose

[Continue reading…] “NodeJS – GridFS APIs Upload/Download Files to MongoDB – Mongoose”

NodeJS/Express – Upload Text-Fields + MultipartFile with Multer, Jquery Ajax, Bootstrap 4

In the tutorial, we show how to upload multipart/form-data with text fields and attached file in NodeJS/Express web-application using Multer, JQuery Ajax, Bootstrap 4.

Related posts:
NodeJS/Express – Upload/Download MultipartFiles/Images – Multer + JQuery Ajax + Bootstrap

[Continue reading…] “NodeJS/Express – Upload Text-Fields + MultipartFile with Multer, Jquery Ajax, Bootstrap 4”

Spring Boot WebSocket with Angular 5 Client | SockJS + STOMP

The WebSocket protocol provides new capability for web applications: full-duplex, two-way communication. So in the system where the client and server need to exchange data at high frequency and with low latency, WebSocket is the best solution. In this tutorial, we’re gonna create a Spring Boot Application that uses WebSocket protocol to communicate with Angular 5 Client.

[Continue reading…] “Spring Boot WebSocket with Angular 5 Client | SockJS + STOMP”