Javascript

How To Create User Interactions with Events in Vue — step-by-step Javascript tutorial on Progressive Robot

How To Create User Interactions with Events in Vue

In Vue.js, developers use events to add user interaction to their web applications. However, the front-end framework offers a quicker method of handling events by using the v-on directive. In this tutorial, you will use events in Vue to create an application of airport codes. When the user selects an airport code, the app will add that airport to a “favorites” collection. By following along with this project, you will learn about Vue’s built-in events and how to create custom events.

Read more
How To Debug Node.js Code in Visual Studio Code — step-by-step Javascript tutorial on Progressive Robot

How To Debug Node.js Code in Visual Studio Code

Visual Studio Code has a large amount of functionality built in, including support for debugging applications. However, configuring VS Code to debug Node.js can be counterintuitive. In this article, you will configure VS Code to debug Node.js by downloading the Debugger for Chrome extension, creating a Debug configuration, launching a Debug configuration, and setting breakpoints.

Read more
How To Handle CPU-Bound Tasks with Web Workers — step-by-step Javascript tutorial on Progressive Robot

How To Handle CPU-Bound Tasks with Web Workers

In this tutorial, you will create a CPU-bound task that blocks the main thread in the browser and observe how it affects the web app. You will then unsuccessfully attempt to make a CPU-bound task non-blocking using promises. Finally, you will create a Web Worker to offload a CPU-bound task to another thread to prevent it from blocking the main thread.

Read more
How To Process Images in Node.js with Sharp — step-by-step Javascript tutorial on Progressive Robot

How To Process Images in Node.js with Sharp

Digital image processing is a method of using a computer to analyze and manipulate images. This tutorial covers using the Node.js library sharp to read an image and extract its metadata, resize, change and compress its format, crop, grayscale, rotate, and blur the image. As well as compositing two images into one, and adding text on an image.

Read more
How To Set Up a React Project with Create React App — step-by-step Javascript tutorial on Progressive Robot

How To Set Up a React Project with Create React App

Starting a new JavaScript project with React used to be a complicated process. But now, Create React App includes all the JavaScript packages you need to run a React project, including code transpiling, basic linting, testing, and build systems. In this tutorial, you’ll use Create React App to start a React application. You’ll also run a build to create a minified version of your app, use a server with hot reloading to give you instant feedback, and explore the React file structure.

Read more
How To Troubleshoot 'ReferenceError', 'SyntaxError' and 'TypeError' in JavaScript — step-by-step Javascript tutorial on Progressive Robot

How To Troubleshoot ‘ReferenceError’, ‘SyntaxError’ and ‘TypeError’ in JavaScript

JavaScript is a programming language used in frontend and backend development. When working with JavaScript, deciphering error messages can feel a bit daunting. Understanding what an error message is referring to is important when you’re troubleshooting issues within an application. In this tutorial, you’ll learn about three common JavaScript error types that appear in a browser environment: “ReferenceError”, “SyntaxError”, and “TypeError”.

Read more
CHAT