Home » JavaScript » Page 2

JavaScript

ReactJS onChange Example

In this article let us explore event handling in ReactJS and specifically on the onChange event in Reactjs. We take a look at handling the change event of HTML tags. ReactJS has grown in popularity over the years and has become the go-to library for front end development. We will create a controlled component that displays an input tag. Subsequently ...

Read More »

ReactJS onClick Example

In this example, we will see an example of the ReactJS onClick event. We will discover ways to handle the click event of HTML elements using ReactJS. As you know ReactJS has soared in popularity. And has become one of the most favored libraries for front end development. We explore how to attach event handlers and handle the click event ...

Read More »

ReactJS with NodeJS Example

In this article, we go about creating or setting up a Full Stack JavaScript application. We use NodeJS for the server-side API and ReactJS for the Front-end of the application. To start off, we use express-generator to scaffold the server-side code and structure. And then proceed with the create-react-app package to generate the client-side of our application. So let’s get ...

Read More »

AngularJS Custom Directives Example

Welcome readers, in this tutorial, we will understand custom directives in angularjs. 1. Introduction AngularJS helps developers to write custom directives which are easy to manipulate and simplify the DOM manipulation These directives extend the HTML functionality and help manipulate the HTML behavior Directives can be implemented in the following ways i.e. Element directives: Activated when a matching HTML element ...

Read More »

Basic Firebase CRUD Operations in Angular

Welcome readers, in this tutorial, we will perform the CRUD Operations in Firebase through an angular application. 1. Introduction Angular is a Typescript-based open-source framework that helps developers build single-page applications Offers Object-oriented features and supports the dynamic loading of the pages Supports Two-way data binding, Property ([]), and Event (()) binding techniques Supports command-line-interface to easily initiate and manage ...

Read More »

ReactJS and Redux Tutorial

In this post, we look at using the Redux library with ReactJS. Redux, in a gist, centralizes state management. It provides APIs and patterns to manipulate the state in a predictable way. This leads to consistent application behavior. Wherein for the same set of changes we get the same resultant state every time, the change is predictable. As we work ...

Read More »

How WebdriverIO Uses Selenium Locators in a Unique Way – A WebdriverIO Tutorial With Examples

In any automation testing framework, finding elements is the most fundamental activity. We have to choose web elements very carefully so that automation script execution can handle static and dynamic elements for stable test results. WebDriverIO has many advanced Selenium locators/ selector strategies compared to other automation testing frameworks. Traditionally, each locator has a specific By method which identifies the ...

Read More »

Firebase Authentication with Angular

Welcome readers, in this tutorial, we will implement Email/Password Authentication via Firebase in an angular application. 1. Introduction Angular is a Typescript-based open-source framework that helps developers build single-page applicationsOffers Object-oriented features and supports the dynamic loading of the pagesSupports Two-way data binding, Property ([]), and Event (()) binding techniquesSupports command-line-interface to easily initiate and manage the angular projects from ...

Read More »

ReactJS with Ajax Requests Example

In this post, we feature a comprehensive article about ReactJS with Ajax Requests. In this article, we will have a look at making Ajax requests in a ReactJS application. We will create a simple application where the user can type in a few characters and we will pass these on to the server in an Ajax request. The server, in ...

Read More »