User Interface (UI)

Visualizing data - abstract purple background with motion blur, digital data analysis concept

D3.js Bar Chart: Build Interactive JavaScript Charts and Graphs

Reading Time: 7 minutes Recently, we had the pleasure to participate in a machine-learning project that involved libraries like React and D3.js. Among many tasks, I developed a few d3 bar charts and line charts that helped to process the result of ML models like Naive Bayes. In this article, I would like to present my progress with D3.js so far and show the basic usage of this javascript Continue Reading

Hacker using computer, smartphone and coding to steal password and private data. Screen with code

Introduction to D3 with Angular

Reading Time: 3 minutes Introduction Hello readers. This blog will teach us about d3js and how to integrate it with our angular applications. We will also be working on some important events in d3js. Let’s get started. What is D3? D3 stands for Data-Driven Documents. It is a Javascript library for manipulating documents based on data. With the increasing amount of data being produced daily, visualization of data is Continue Reading

Swapping Two Array Elements in JavaScript

Reading Time: 3 minutes There are times when you need to swap two elements in an array in JavaScript while working with arrays. The bubble sort algorithm, for example, requires you to compare two numbers and swap them if your condition is true. This may be the algorithm question you’re working on. Apart from that, many other situations may require you to swap array elements. Here is an illustration Continue Reading

activated route

ActivatedRouteSnapshot and ActivatedstateSnapshot in Angular

Reading Time: 3 minutes The ActivatedRouteSnapshot and ActivatedstateSnapshot in Angular are used to comprehend how a component functions and is used. The ActivatedStateSnapshot is a dynamic snapshot of the current state of the route, whereas the ActivatedRouteSnapshot is a static image of the route information. In this blog, we will take a look at the ActivatedRouteSnapshot and ActivatedstateSnapshot classes in Angular. We’ll look in their functions and methods of Continue Reading

background

Working and functioning of Promises in Javascript

Reading Time: 4 minutes Promises In JavaScript, asynchronous operations are handled through promises. When dealing with several asynchronous activities, where callbacks might lead to callback hell and incomprehensible code, they are simple to manage. Events or callback functions were being used before the promises, but they provided limited functionality and resulted in unmanageable code. The callback hell that would result from having several callback functions would make the code Continue Reading

Ionic 6 in React: Installation and Serving

Reading Time: 3 minutes Ionic framework in React is an open-source UI toolkit for building performant, high-quality mobile apps, desktop apps, and progressive web apps using web technologies such as HTML, CSS, and JavaScript. Ionic is a cross-platform framework as we can deploy across multiple platforms, such as Android, native iOS, Desktop, and the web as a progressive web app and all with one codebase. Thus, Ionic apps can Continue Reading

How to use pseudo-classes in CSS

Reading Time: 4 minutes What are Pseudo-classes in CSS? A Pseudo-class in CSS defines the special state of an element. It is a keyword that we use after the selector to apply the style based on the state of the element. For example, the active pseudo-class can be used on an anchor tag (<a>) to add extra styling if the link is active So, CSS Pseudo-class helps you apply Continue Reading

background

Modify The DOM Behaviour In Angular: Angular Directives

Reading Time: 3 minutes Angular is a client-side web app creation technology. There are multiple ways to manipulate DOM behavior in Angular, but today we are going to learn Angular, one of the most asked topics in an interview Angular Directives. Angular Directives One of the hottest topics in angular is angular directives. Angular directives are used to manipulate DOM( Document Object Model) or add new behavior. In Simple Continue Reading

Young Asian software developer working over new program

Understanding the concept of Closures in Javascript

Reading Time: 3 minutes Introduction You must have worked with Javascript functions and closure is an essential concept of functions in javascript. So, in this blog, we will understand the concept of Closures in javascript and how it works. Firstly we will understand the concept of lexical scoping. Lexical Scoping Lexical scope is the ability of a function to access variables outside its scope i.e. from the parent scope. Continue Reading

How to create Custom Controls Without using ControlValueAccessor

Reading Time: 3 minutes Hi Readers,In this blog, we will learn about custom form control, viable with template-driven and reactive forms, as well likewise with all underlying and custom structure validators. In angular, we can make custom form controls by utilizing the ControlValueAccessor interface. And, we can likewise make a custom form control by utilizing @Input() decorator and make your structure dynamic. Advantage of Property binding at the place Continue Reading

Developing programming and coding technologies working in a software engineers.

Introduction to rxjs Subject & BehaviorSubject in Angular

Reading Time: 3 minutes Hi Readers,In this blog, let’s learn about Rxjs Subjects and BehaviorSubject in angular. The Rxjs Subject and BehaviorSubject are unique observables that act as both observers and observables. They allow us to emit new values to the observable stream using the next method. All the subscribers, who subscribe to the subject will receive the same instance of the subject and hence the same values. We will also Continue Reading

Creating HTTP Client service for React-Redux app

Reading Time: 4 minutes Unlike Angular, React does not have a standard library for making HTTP requests, and also there is no standard way of organizing all the HTTP call functions. So in this blog, I will share a way of creating an HTTP client service using the good old “fetch()” API method for a Standard React-Redux web app. This is what I have used and it worked great Continue Reading

Single Sign On(SSO) with Amazon and Facebook in Angular

Reading Time: 4 minutes Introduction In the blog, we are going to learn about Amazon and Facebook single sign-on using angularx social login package with the help of an example. We will create a simple login button for Amazon and Facebook. When a user clicks the app permission page will appear. Here you will discover how to create a login with Facebook and Amazon in Angular using OAuth Social Continue Reading