Angular

Understanding and creating observable

Reading Time: 3 minutes In this blog, we will observe the observables by using practical implementations. So, let’s start with the understanding of the observable to the creation of the custom observable. Here we begin!!! What is an observable? Observable is basically a data source, which gets imported from the package ‘rxjs’. To understand the observable implementation, we have the observable, an observer and in between we have the Continue Reading

Sharing Content On Social Media By JavaScript

Reading Time: 2 minutes Social Sharing by JavaScript is one of the biggest and time taking tasks. In this blog, I am going to share how can we easily share our content on Facebook or Twitter-like applications. In this blog, we are going to integrate APIs that are given by Facebook and Twitter. By this, we will share our content on Facebook and Twitter. What is API? API is Continue Reading

Adding Elements Dynamically in Angular

Reading Time: 3 minutes Adding Elements Dynamically in Angular is a very hot and interesting topic. Angular gives us two nice ways to handle form data Reactive Form & Template Driven Form. In this blog, I am going to share how can we dynamically add form field controls in Reactive form. Prerequesties: Knowledge of Angular Reactive form, JavaScript. What is an Angular FormArray? In Angular Reactive Forms, every form Continue Reading

Managing Multiple Projects in Angular Workspace

Reading Time: 4 minutes Introduction You may come around a situation where you need to manage multiple projects in a single project. In such a situation you can create an Angular workspace and manage your multiple projects in it. Let us start and understand first what is a workspace. What is a workspace? A workspace allows you to organize your application into multiple projects where a project contains files Continue Reading

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

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

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

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

A guide to Animations in Angular

Reading Time: 4 minutes Introduction Animations are an important part of your website. It helps us in enhancing the user experience and also calls the user’s attention where it is needed. Animations are created by transforming the styles over time whose timing you can control. In this blog, I will be covering the basics of angular animations and an example of it to understand the concept better. Animations in Continue Reading