User Interface (UI)

Node JS Server with Express framework

Reading Time: 3 minutes Introduction: Express is a minimal and flexible Node.js web application framework that provides a robust set of features to develop web and mobile applications. It facilitates the rapid development of Node based Web applications. Following are some of the core features of Express framework − Allows to set up middlewares to respond to HTTP Requests. Defines a routing table which is used to perform different Continue Reading

Enabling CORS in Node.js

Reading Time: 2 minutes In the last blog, we’ve learnt the basic about the CORS, how we can setup and how it works. Now ini this blog, we’re going to learn how we can enable the it in node.js CORS is a browser security feature that restricts cross-origin HTTP requests with other servers and specifies which domains access your resources. Let’s say accessing images, videos, iframes, or scripts from Continue Reading

Angular Routing Guards: Understanding canActivate Guard (Part-2)

Reading Time: 7 minutes If you are trying to block some routes from loading based on some permissions or blocking a route based if not authenticated, then you can read along and at the end, you will understand about the canActivate Guard. In the series of Angular Routing Guards Part-1, we’ve learned and understood the basics of angular route guards. If you’ve no prior knowledge about Angular Route Guards, Continue Reading

A Guide to CORS in Node.js with Express

Reading Time: 4 minutes Introduction Node.js is an open-source and cross-platform runtime used when executing JavaScript code on the server-side. One of the popular Node.js server frameworks is Express. Implementing CORS in Node.js helps you access numerous functionalities on the browser. Express allows you to configure and manage an HTTP server to access resources from the same domain. The three parts that form an origin are protocal, domain, and port. Let’s Continue Reading

Working with useState in React

Reading Time: 4 minutes Introduction Do you have data in your component which changes over time? And by using normal variables you are not able to reload your component. This issue can be easily resolved by the useState hook. This hook reloads the component whenever there are any changes in the state thereby updating your user interface with the latest value. That is the changes enable reloading the component Continue Reading

Introduction to NGXS, state management pattern + library for Angular

Reading Time: 3 minutes Ngxs is a state management pattern for the Angular framework. It acts as a single source of truth for our application. Ngxs is very simple and easily implementable. It reduce  lots of boilerplate code . It is a replacement for Ngrx. In Ngrx we are creating state, action, reducer, and effects but in Ngxs, we are creating only state and actions instead of all of Continue Reading

JavaScript Series, Let’s Deep Down To It, Part 1

Reading Time: 3 minutes In this blog we are going to learn what is JavaScript, why uses JavaScript. Now I am starting the JavaScript Series, one by one we are going to deep down to it and exploring every concept of it. What is JavaScript? JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. HTML and CSS Continue Reading

Let’s learn Dockerizing a Node.js web app : Docker

Reading Time: 3 minutes The goal of this blog is to show you how to get a Node.js application into a Docker container. This blog is intended for development, and not for a production deployment. This blog also assumes you have a working Docker Installation and a basic understanding of how a Node.js application is structured. If you want to learn in more detail about it, you can refer here. So let’s Continue Reading

Getting started with first Node JS Server with HTTP

Reading Time: 3 minutes Introduction: Node.js is a platform built on Chrome’s JavaScript Runtime for easily building fast and scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. If you wants to learn more about Node.js, you can refer here. Before creating an actual “Hello, World!” application using Node.js, let us see Continue Reading

Angular Routing Guards: Let’s understand Route Guards (Part-1)

Reading Time: 6 minutes If the user wants to open a certain page in a traditional server-side application, the application would first check permissions on the server and return a 403 error page. For eg., if the user didn’t have permissions then there will be no routing to the dashboard page and it will route them again to a login/register page if they were not signed up. 403 is an HTTP error code. Specifically, this Continue Reading

Basics of Ngrx

Reading Time: 3 minutes In this blog, we will understand the ngrx, state, actions, reducers and how the ngrx works. So, let’s start with the ngrx. What is Ngrx? Ngrx is a state management framework to make reactive applications in angular. It has six basic parts. Selector 2. Store 3. Reducer 4. Action 5. Component 6. Effects Ngrx state management lifecycle Component is the UI part of the application Continue Reading

Image With Lazy Loading Placeholder In Angular

Reading Time: 3 minutes Introduction We all are familiar with the word lazy loading in Angular Ecosystem. However, when it comes to loading images from a third party either from AWS S3 or others, the time taken (Response Time) by the foreign URL plays a vital role. A big factor that affects front-end performance is the amount of documents and assets being loaded on a web page. We’ve used variety of Continue Reading

Reactive Programming in Angular | The RxJs way

Reading Time: 4 minutes Reactive programming is an essential part of modern web apps. However, few popular programming languages come equipped with the reactive API by default (Angular). RxJS allows you to create reactive programs with JavaScript to better serve your users. RxJS is a library used to create asynchronous programs using observable sequences. Today, we’ll explore an overview of reactive programming and RxJS in Angular. What is reactive programming? Continue Reading