Server Side Pagination Using NodeJS, MongoDB and Angular Material Tables

Normally, we use Angular Material's data tables with pagination (mat-paginator) to list the results. This is not an efficient and optimal approach particularly if there are lots of records to show in the table. Angular Material's pagination just divides the received records into the paginated records. So, if we need to display lots of records in data tables, then the efficient and optimal approach is to use Server Side Pagination. Following, sections will demonstrate the server-side pagination using NodeJS (API), MongoDB (database), and Angular Material data tables. API using NodeJS and MongoDB Following is a sample code, written in NodeJS...
#03 Components - Learn Angular 9 From Scratch with Junaid Hassan
#03 – Components – Learn Angular 9 From Scratch with Junaid Hassan

In this post, we will learn about components and how to create new components in an Angular 9 application using Angular CLI. We will create the required components for our application and will show how components can be used to organize the content of the application.

#01 Introduction - Learn Angular From Scratch with Junaid Hassan
#01 – Introduction – Learn Angular 9 From Scratch with Junaid Hassan

In this post, we will learn: 1. What is Angular? 2. What are Single Page Applications (SPA’s)? 3. What are the prerequisites to create an angular application? 4. What is NodeJS and Node Package Manager (npm)? 5. What is Angular CLI?


Profile Image Upload Functionality Using Angular and Node

In a recent project, I was working on a user profile component that can be used by the user to edit their profile information. A part of that component was a profile image section which lets the user change their profile picture. The profile picture is sent to the Node API via HTTP Post request, stored in a folder and then name/URL of the image is stored in the database. In this post, I will share the code on how to implement this functionality.


JavaScript Build Setup For Development of WordPress Blocks – NodeJS

JavaScript build setup helps to speed-up the development of WordPress blocks and creates the two main files i.e. build/index.js and build/index.asset.php which are used while developing the actual WordPress block inside plugin or functions.php of WordPress installation. The index.js file contain the compiled code (from ESNext and JSX syntaxt to plain JavaScript) for the actual WordPress block and index.asset.php file contains the dependencies and version information (generated from the used packages) to be injected while registering the WordPress block.