Web Technologies - Basic Articles

Design a Drum-kit web app using JavaScript

We all must have seen a drum kit in some concert or elsewhere, it is a collection of drums, cymbals and other percussion instruments. But… Read More

JavaScript-Projects

Technical Scripter 2020

JavaScript

Technical Scripter

Web Technologies

How to use componentWillMount() in React Hooks?

The componentWillMount() method allows us to execute the React code synchronously when the component gets loaded or mounted in the DOM (Document Object Model). This… Read More

Picked

React-Questions

ReactJS

Web Technologies

Tailwind CSS Flex Direction

The CSS flexbox is a vital feature to develop the frontend, there are four directions available in CSS so in tailwind CSS all the properties… Read More

Tailwind-Flexbox

CSS

Tailwind CSS

Web Technologies

How Web Works – Web Application Architecture for Beginners

For many decades we are browsing our favorite websites on the internet and getting a quick response whatever we want… but do you ever try… Read More

GBlog

Web Technologies

How to access mapped objects in another function in ReactJS ?

Following is the simple approach to access objects of array.map() to another function in React We can directly call the function in array.map() and pass… Read More

Picked

Technical Scripter 2020

JavaScript

ReactJS

Technical Scripter

Web Technologies

Tailwind CSS Display

This class accepts more than one value in tailwind CSS. All the properties are covered as in class form. It is the alternative to the… Read More

Tailwind-Layout

Tailwind CSS

Web Technologies

Pure Functions in JavaScript

A Pure Function is a function (a block of code) that always returns the same result if the same arguments are passed. It does not… Read More

javascript-functions

JavaScript

Web Technologies

How to Deploy Angular Application to Firebase using GitHub ?

Many of us unable to showcase our small-scale or personal projects over the web. Since hosting these projects are a bit difficult and also costs… Read More

AngularJS-Questions

Firebase

GitHub

AngularJS

Git

How To

Project

TechTips

Web Technologies

Advantages and Disadvantages of Web App Development

Web App Development: The word Web-App Development is made up of three words, that is: Web: It is refer to websites, web pages or anything… Read More

Web Technologies

How to access child’s state in React?

In React we can access the child’s state using Refs. we will assign a Refs for the child component in the parent component. then using… Read More

Picked

ReactJS

Web Technologies

How to generate a simple popup using jQuery ?

The task is to generate a popup using jQuery. Popups are useful to splash important information to the visitors of a website. Approach: A simple… Read More

jQuery-Questions

Picked

JQuery

Web Technologies

Reading Environment Variables From Node.js

Environment Variable: The two fundamental concepts of any programming language are variables and constants. As we know that constants and variables both represent the unique… Read More

Node.js

Web Technologies

Web Developer or Android Developer – Which One is Better Career Choice?

Web development and Android development are the two most emerging career sectors for developers. Both of these sectors require different skills, have different markets, and… Read More

Career-Advices

Technical Scripter 2020

Android

Technical Scripter

Web Technologies

Tools for Responsive Web Design

Responsive websites are essential nowadays for the growth of the business. These are websites created to ensure that website looks good on all devices such… Read More

Web Technologies

ReactJS forceUpdate() Method

The components in React will re-render only if the state of the component or the props passed to it changes but if we need to… Read More

ReactJS-Methods

ReactJS

Web Technologies

What is useState() & how it has been used to validate input values?

The useState() is a hook in ReactJs which allows a functional component to have a state. We pass the initial state in this function, and… Read More

Picked

JavaScript

ReactJS

Web Technologies

JavaScript String replaceAll() Method

The replaceAll() method in JavaScript is used to replace all occurrences of a specified substring or pattern with a new substring. The replaceAll() method does not change… Read More

javaScript

JavaScript-Methods

javascript-string

Web technologies

JavaScript

Web Technologies

Bubble Sort algorithm using JavaScript

Bubble sort algorithm is an algorithm that sorts an array by comparing two adjacent elements and swapping them if they are not in the intended… Read More

BubbleSort

JavaScript-Questions

DSA

JavaScript

Sorting

Web Technologies

How to put author/title name over image in ReactJS?

We can place the author or title name over the image using the GridListTileBar Component in ReactJS. This component adds an overlay over the child… Read More

JavaScript

ReactJS

Web Technologies

How to create and run Node.js project in VS code editor ?

Following are some simple steps in order to create a simple NodeJS project and running it in VS Code editor. Step 1: Create an empty… Read More

Node.js-Misc

Node.js

Technical Scripter

Web Technologies