Javscript

Install Webpack and the webpack-bundle-analyzer plugin: npm install webpack webpack-cli webpack-bundle-analyzer --save-devj 2. Create a webpack.config.js file in the root of your project with the following code: const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = { entry: './src/index.ts', output: { filename: 'bundle.js', }, module: {…

Add object attribute value What should I do if I add attributes to an object and the name changes dynamically? let obj = {}; let index = 1; let key = `topic${index}`; obj[key] = 'topic'; Why create an extra variable? Didn’t you know that object property names in ES6 can…

Before I started learning Node.js or officially understanding the behind Javascript running on the browser. I do not know either why using require(‘module’) or import xxx from ‘module’ 🤔 The first javascript is simple. I wrote within the HTML like below called inline script. A problem is the function getting…

As a lifelong learner, I am always on the lookout for new and exciting ways to expand my knowledge and skills. When I discovered Scrimba, an online learning platform focused on coding and web development, I was immediately intrigued. …

JAVASCRIPT FUNCTIONS: WHAT YOU SHOULD KNOW. In JavaScript, functions are defined by using the function keyword, the function name, and a pair of parentheses containing zero or some arguments (input values) separated by commas, and the function body (code block), which contains the code that will be executed when the function is called, the code block…

Today we want to replace the default mouse cursor. To do this, we set the cursor to none. html{ cursor: none; } As a new cursor we will use a pulsing circle. For this we need a basic html template. <div id="follower"> <div id="circle"></div> </div>h We style the pulsing circle …

Asynchronous programming or asynchronous calls in javascript refers to the process of executing a task in the background without blocking the main thread of execution. This allows the main thread to continue executing while the asynchronous task is being performed. In a web context, an asynchronous call can be used…

Promises in JavaScript are a pattern for handling asynchronous operations in a more organized and efficient way, compared to traditional callbacks. They provide a way to register success and failure callbacks, instead of passing callbacks as separate arguments. …

This is a short history of how and why I decided to build my own test tool. Well, I’ve been working as a full stack developer for more than one year using a JavaScript stack and Jest to write the tests. However, I decided to take the next step and…