Mastering React JS Drag and Drop: A Comprehensive Tutorial
Introduction to React Drag and Drop ReactJS Drag and Drop is a popular technique used to create interactive web applications. It allows users to move elements around the screen using a mouse or touch interface. The drag-and-drop functionality can be useful for tasks such as rearranging items in a to-do list or organizing files in...
ReactJS and npm: A Perfect Combination for Building Scalable Web Applications
Introduction Nowadays everyone is talking about ChatGPT, a free open-source AI model which interacts in a conversational way. I was curious about how effective actually is, so I asked it to write an article about ReactJS and npm. The result is displayed below. Generated Article ReactJS is a popular JavaScript library for building user...
Progress Bar For React – Example tutorial
In this short tutorial, we will review some examples of how you can use the progress_bar_for_react package. This is a simple package that I wrote some time ago, in order to provide a customizable React Component which will display a progress bar. It can be useful in step builders, mp3 players, to depict download progress, […]
How To Install maxCSS Plugin For WordPress In 4 Steps
In this short tutorial, we will review the installation process of the Max CSS plugin for WordPress in 4 steps. This is a simple plugin that I wrote some time ago, in order to facilitate the development of CSS code in the WordPress default editor. It adds an icon that the user can click and […]
If You Read One Article About How To Link Javascript in HTML Read this One
As a front-end developer, you will have to master three basic skills. These are HTML, CSS, and Javascript. The HTML will be used to structure the DOM tree of a page, the CSS is used for styling and the Javascript language for interactivity with a web page. In this article, we are going to see […]
Why Is Javascript Await Async So Famous?
In this article, we are going to see through examples, some use cases of asynchronous programming in Javascript, and why the usage of async-await pattern in Javascript is so famous and convenient to use while coding. The async-await pattern is a common syntactic pattern that many programming languages are using. It allows the execution...
Reading JSON File In Javascript + Working With JSON
Reading a JSON file in javascript is simple. In this tutorial, you will learn how you can read and load JSON files in javascript code. What is JSON? First of all, let’s see what is JSON. JSON stands for Javascript Object Notation and is a format for storing and transporting data. If you are already […]
The Insider’s Guide to What Is A Class In Javascript
One of the keys for understanding, what is a class in javascript is the prototypical inheritance and prototypes. You can read more about prototypes in this article. Javascript classes were introduced in ECMAScript 2015 version (ES6) and are templates for Javascript Objects. You can consider javascript classes as just syntactical sugar on...
The Complete Beginner’s Guide to ‘this’ in Javascript
In order to comprehend the meaning of the keyword ‘this’ in javascript, you must first understand the meaning of the word context in the actual world. As you may know, the word context refers to the underlying concepts and facts which are required to comprehend an idea or statement. For example, if you take a look […]
Why Javascript Prototypes are More Painful than Stepping on a Lego
The javascript prototypes are one of the most important concepts of Javascript since it is the mechanism by which Javascript objects inherit features from one another. Additionally, inheritance is a common concept in the most modern programming languages, and many times people, even more, experienced programmers, are having difficult...