Top 12 free JavaScript resources for advanced users
If you have a strong knowledge in programming and want to improve your JavaScript skills or you want a good reference book then this list is for you. We've put together a list of 12 of our favorite JavaScript free book to help save you time and energy along the way.…
Category : Javascript 26-06-2023 by Janeth Kent
Vue.js: a quick start guide for beginners. Part 3
Welcome here again! Last time we didn't listen to our very first user events and and methods to react to these events. Now we are going to explain directives and conditional rendering. if-else Regardless of the framework, one of the most important tools under any programmer's belt is conditional rendering. Depending on…
Category : Javascript 26-06-2023 by Janeth Kent
Mastering JavaScript: Top Resources to Propel Your Learning Journey
Learning JavaScript is a valuable decision if you're interested in coding and pursuing a career in the tech industry. JavaScript holds the top spot as the most popular programming language on GitHub and is widely used by professional developers, as indicated by the Stack Overflow Developer Survey. It's worth noting that…
Category : Javascript 23-06-2023 by Janeth Kent
Free Tools For JavaScript Developers
JavaScript is one of the most widely used programming languages in the world, powering countless web applications and websites. As a JavaScript developer, having access to the right tools can greatly enhance your productivity and efficiency. In this article, we have compiled a list of free tools that every JavaScript…
Category : Javascript 21-06-2023 by Janeth Kent
How to upload files to the server using JavaScript
In this tutorial we are going to see how you can upload files to a server using Node.js using JavaScript, which is very common. For example, you might want to upload an avatar, a thumbnail, a PDF file or any other image or file in various formats. We are going to…
Category : Javascript 14-06-2023 by Janeth Kent
How to combine multiple objects in JavaScript
In JavaScript you can merge multiple objects in a variety of ways. The most commonly used methods are the spread operator ... and the Object.assign() function. How to copy objects with the spread operator To begin with, we will use the spread operator for this task, as it is the most efficient…
Category : Javascript 12-06-2023 by Janeth Kent
The Payment Request API: Revolutionizing Online Payments (Part 1)
The Payment Request API has emerged as the new standard for online payments, transforming the way transactions are conducted on the internet. In this two-part series, we will delve into the intricacies of this powerful API and explore how it simplifies the payment experience for both users and merchants. Part 1:…
Category : Javascript 12-06-2023 by Silvia Mazzetta
JavaScript challenge for old developers
Let's take a moment to discuss your relationship with JavaScript before delving into technical aspects. If you're anything like me, you've been working with HTML for a long time, occasionally using JavaScript in a basic manner to add interactivity to web pages. Perhaps you ventured into building complex websites by learning…
Category : Javascript 09-06-2023 by
The Payment Request API: Revolutionizing Online Payments (Part 2)
In the first part of this series, we explored the fundamentals of the Payment Request API and how it simplifies the payment experience. Now, let's delve deeper into advanced features and best practices to further optimize the integration of this powerful API. We start by making a modification of supportedMethods by…
Category : Javascript 08-06-2023 by Silvia Mazzetta
How do you stop JavaScript execution for a while: sleep()
A sleep()function is a function that allows you to stop the execution of code for a certain amount of time. Using a function similar to this can be interesting for many reasons: from waiting for some condition to be met before continuing with the code, to simulating during development an…
Category : Javascript 31-05-2023 by Janeth Kent
How to make a multilingual website without redirect
Today, we're going to talk about how to implement a simple language selector on the basic static website, without the need of any backend or database calls or redirection to another page. We will be using only JavaScript, no PHP or other programming languages. Serving HTML content in multiple languages is…
Category : Javascript 31-05-2023 by
Accelerating Page Loads with Lazy Load
In today's digital age, website performance plays a vital role in delivering an exceptional user experience. Slow page load times can frustrate visitors, leading to high bounce rates and reduced engagement. One effective technique to optimize page loading speed is lazy loading. This article explores the concept of lazy load, its…
Category : Javascript 29-05-2023 by Janeth Kent
Mastering array sorting in JavaScript: a guide to the sort() function
In this article, I will explain the usage and potential of the sort() function in JavaScript. What does the sort() function do? The sort() function allows you to sort the elements of an array object. It can sort the elements in either the default ascending order or according to a custom sorting…
Category : Javascript 29-05-2023 by Janeth Kent
Flattening arrays in JavaScript
When we are handling arrays that are arrays or have multiple dimensions it can be very useful to know how to flatten arrays in JavaScript. That is to say, to move all the elements to a single dimension. This simplifies things like traversing the elements or being able to dump…
Category : Javascript 26-05-2023 by Janeth Kent
How synchronize the scroll of two divs with JavaScript
In case you have two divs of different sizes you may sometimes want to scroll both at the same time but at different speeds depending on their size. For example, you could have text in one and images in the other and want to scroll both at the same time.…
Category : Javascript 26-05-2023 by Silvia Mazzetta
What is the difference between primitives types and objects in JavaScript?
In this short tutorial we are going to look at the differences between primitive types and objects in JavaScript. To start with, we're going to look at what primitive types are. Then we will see what objects are and how they differ. Introduction The primitive types in JavaScript are as follows: Boolean: 'boolean String:…
Category : Javascript 26-05-2023 by Silvia Mazzetta
Callbacks in JavaScript
Callback functions are the same old JavaScript functions. They have no special syntax, as they are simply functions that are passed as an argument to another function. The function that receives the callback as an argument is called a higher-order function. Any function can be used as a callback, since it is…
Category : Javascript 22-05-2023 by Janeth Kent
How to use the codePointAt method in JavaScript
The JavaScript codePointAt method has more or less the same function as the charCodeAt method, used to get the 16-bit Unicode representation of the character at a certain position in a string. However, certain characters present a small problem, as they use two 16-bit units, so the charCodeAt method will only…
Category : Javascript 18-05-2023 by Janeth Kent
How to reverse an array in JavaScript
In this tutorial we are going to see how you can change the order of the elements of an array so that they are inverted. You could use a loop and reverse the array manually, but as we will see, in JavaScript there are much faster ways to achieve our…
Category : Javascript 18-05-2023 by Janeth Kent
Sorting elements with SortableJS and storing them in localStorage
SortableJS is a JavaScript extension that you will be able to use in your developments to offer your users the possibility to drag and drop elements in order to change their position. To learn what SortableJS is and how to get started, you can read the following tutorial. In this article you…
Category : Javascript 15-05-2023 by Janeth Kent
Infinite scrolling with native JavaScript using the Fetch API
I have long wanted to talk about how infinite scroll functionality can be implemented in a list of items that might be on any Web page. Infinite scroll is a technique that allows the user to interact with the mouse by scrolling down to load new dynamic content. In this way, the…
Category : Javascript 15-05-2023 by Janeth Kent
Template Literals in JavaScript
Template literals, also known as template literals, appeared in JavaScript in its ES6 version, providing a new method of declaring strings using inverted quotes, offering several new and improved possibilities. About template literals Template literals were introduced in the ES6 version of JavaScript, allowing strings to be declared using inverted-quote syntax: const chain…
Category : Javascript 28-04-2023 by Janeth Kent
How to use the endsWith method in JavaScript
In this short tutorial, we are going to see what the endsWith method, introduced in JavaScript ES6, is and how it is used with strings in JavaScript. The endsWith method is used to find out if a string ends with the character or substring you pass as a parameter to the…
Category : Javascript 21-12-2022 by Janeth Kent
What are javascript symbols and how can they help you?
Symbols are a new primitive value introduced by ES6. Their purpose is to provide us unique identifiers. In this article, we tell you how they work, in which way they are used with JavaScript and how they can help us. How to create symbols To create a new symbol we will have…
Category : Javascript 20-12-2022 by Janeth Kent
How to create PDF with JavaScript and jsPDF
Creating dynamic PDF files directly in the browser is possible thanks to the jsPDF JavaScript library. In the last part of this article we have prepared a practical tutorial where I show you how to implement the library. Below you can see the completed exercise. The client side is gaining ground over…
Category : Javascript 04-12-2022 by Janeth Kent
Amazing Javascript Game Source Codes for Free
In this article we will share the code to make simple games with Javascript programming language. The games code can later be your reference material for making other simple games. Before you continue do you already know what is javascript programming ?, if you don't know yet, please read the brief…
Category : Javascript 19-07-2022 by Luigi Nori
import one JS file into another in the plain JS
Until some years ago, it was not possible to import one js file or block of code from one file into another but since 2015, ES6 has introduced useful ES6 modules. With the modulestandard, we can use importand exportkeyword and syntax given to include and export the module in JS…
Category : Javascript 03-12-2021 by Luigi Nori
Node.js and npm: introductory tutorial
In this tutorial we will see how to install and use both Node.js and the npm package manager. In addition, we will also create a small sample application. If you have ever used or thought about using a JavaScript-based development tool, you have probably noticed that you need to install…
Category : Javascript 05-11-2021 by Silvia Mazzetta
How to connect to MySQL with Node.js
Let's see how you can connect to a MySQL database using Node.js, the popular JavaScript runtime environment. Before we start, it is important to note that you must have Node.js installed on your system. Likewise, you must create a MySQL database. Create a MySQL database If you haven't already done so, you can…
Category : Javascript 04-11-2021 by Silvia Mazzetta
JavaScript Programming Styles: Best Practices
When programming with JavaScript there are certain conventions that you should apply, especially when working in a team environment. In fact, it is common to have meetings to discuss standards to follow. The reason is that code is much more readable when certain standards are followed. We have already seen…
Category : Javascript 28-10-2021 by Janeth Kent