User Interface (UI)

CSS and CSS Box Model a powerful design aid

Reading Time: 3 minutes Cascading style sheet or CSS is a simple design language that aids Hypertext markup language or HTML. In easier words, CSS is the backbone of HTML which helps in designing and presenting HTML elements beautifully on a web page. CSS is simple yet versatile that allows controlling every element and its aspects present in HTML including size, layout, separation, colour, positioning, fonts, and much more. Continue Reading

Headless browser testing in selenium using HTMLUnitDriver

Reading Time: 3 minutes Selenium is being used by many major organizations across the world. Using selenium we can automate the GUI and see it run in real-time. But what if we just want to execute our tests without actually opening the web browser and the website or the web application? In this blog, we will see how we can do that using Headless browser testing in selenium using Continue Reading

Introduction to Scala.js

Reading Time: 4 minutes A safer way to build robust front-end web applications! http://www.scala-js.org/ In this blog, we are gonna utilizing a whole lot of features of Scala to build a simple front-end application using Scala.js. So, let’s get it started- Step-1: – Creating an sbt project Create a folder named scala-js-example and inside it create a build.sbt. build.sbt Now, create a new folder named as a project inside Continue Reading

Dynamic Response Handler in Jmeter

Reading Time: 4 minutes Hi Folk, Let’s move ahead with respect to the Jmeter blog series for new problem statement solutions. So in this blog, we will see how can we handle dynamic responses and also handle dynamic request failures in Jmeter scripts. Basically, handle dynamic response means Correlation which is the process of capturing and storing the dynamic response from the server and passing it on to subsequent Continue Reading

Usage of Axios in React Applications

Reading Time: 6 minutes In this blog, we will see how to work with Axios in a React application to make GET, POST, PUT, and DELETE requests to perform CRUD actions. Axios is a popular, promise-based HTTP client that sports an easy-to-use API and can be used in both the browser and Node.js. A very common task of a web client application is making HTTP requests to API and Continue Reading

React Lifecycle

React Component Lifecycle

Reading Time: 5 minutes A react component has certain lifecycle methods in which we can insert our own code and execute it at a particular moment during the lifecycle of the component. A react component can go through different sets of lifecycle methods depending upon in which phase the component is. These Phases are Mounting, Updating, and Unmounting. Mounting Following is the order of execution for the methods, when Continue Reading

Calendly-logo

How to Integrate Calendly with Angular Application

Reading Time: 4 minutes Staying busy is good for business, but it is difficult to schedule your meetings and appointments with clients, partners, or even employees. All the meetings were planned manually before tools like Calendly came into the market. Calendly aims to fix the problem of scheduling your day with ease. It helps you spend less time fixing the meeting and locking down dates and gives you more time Continue Reading

Reconciliation in React

Reading Time: 3 minutes Reconciliation in react is a process in which it provides a declarative API that keeps you away from the worry of what is changing on every update. When a component’s state changes, React has to verify whether they want to update the DOM or not? In this process, it creates a Virtual DOM and comparing it with the current DOM. In this context, the Virtual DOM will contain the Continue Reading

Being HEADLESS is cool!

Reading Time: 4 minutes Hi! Welcome to this two-part series wherein first I am gonna explain what is headless CMS and in second we are gonna create an end to end dynamic angular app with headless CMS for serving the API requests. In short, there will be no hands-on tutorial on this blog. Let’s learn So, if you are a complete beginner to the web development world or you Continue Reading

Going to a library with Angular

Reading Time: 5 minutes Hi! Today we are going to learn how to create a library in angular and import that in other angular applications. Prerequisites Basic knowledge of angular Node and NPM set up in the system First clear out the Common thoughts What are Angular Libraries? An angular library is a collection of components, services, directives, etc. that can be shared across different Angular projects. More precisely, Continue Reading

Sendgrid

Integrate Sendgrid email service using NodeJS

Reading Time: 3 minutes SendGrid is a platform that offers email services and provides libraries to help you quickly and easily integrate with the Web API in 7 different languages: C#, Go, Java, Node JS, PHP, Python, and Ruby. In this blog, we are going to discuss how to integrate Sendgrid email services by using Node JS. To integrate Sendgrid with Node JS application we need to install latest version of node. Following are the steps to Continue Reading

Gamifying an Angular App!

Reading Time: 4 minutes Hi! Today we are going to see how to make our angular apps a little bit more interesting by including a wheel of fortune to it. This is what we are gonna build – Technologies used – WinWheelJS Library Angular 10 Framework Pre-requisites – Basic knowledge of Angular Basic knowledge of JS I am assuming that your system is already configured with NPM and angular Continue Reading