First steps into JavaScript – a practical guide 2
In the previous aticleFirst steps into JavaScript – a practical guidewe covered the basics of the DOM and its relation to us becoming JS literate. Now that we know how to access DOM elements, we can continue with learning how to change them. But before we start, let's make sure we…
Category : Javascript 26-10-2021 by Iveta Karailievova
First steps into JavaScript – a practical guide
For those who are new to web development, surely the amount of new terminology can sometimes be discouraging. But when it comes to learning JS, some of the first new concepts you definitively should wrap your head around is the Document Object Model and what it implies. To keep it simple…
Category : Javascript 26-10-2021 by Iveta Karailievova
JavaScript Arrow functions: What they are and how to use them
In this article we are going to see what they are and how to use JavaScript Arrow Functions, a new feature introduced with the ES6 standard (ECMAScript 6). What are Arrow Functions Arrow Functions are a new syntax for defining anonymous functions in JavaScript in a more concise way. Being an abbreviated…
Category : Javascript 30-08-2021 by Janeth Kent
Difference between arrow and normal functions in JavaScript
In this tutorial we are going to see how arrow functions differ from normal JavaScript functions. We will also see when you should use one and when you should use the other. Normal functions JavaScript's standard functions, those we call normal or standard functions, have been included in JavaScript since its inception.…
Category : Javascript 30-08-2021 by Janeth Kent
How to insert an element into an array with JavaScript
In this brief tutorial you will learn how to insert one or more elements into an array with JavaScript. For this we will use the splice function. The splice function will not create a new array when used, but will modify the existing array. The syntax of the splice function, included in…
Category : Javascript 20-08-2021 by Janeth Kent
How to get DOM elements with JavaScript
When you access any element of the DOM, it is usual to save it in a variable. This is something that at first might seem very simple, but if you are a beginner programmer it might give you some headaches sometimes. To begin with, let's see how you can get an…
Category : Javascript 11-08-2021 by Silvia Mazzetta
Best Open-Source Javascript Date Picker Plugins and Libraries
For date pickers, selecting menus is a common choice as they are simple to set up. But I suppose our customers deserve better after centuries of using MM / DD / YY menus. For many companies, datepickers are vital. They can also be used for any defined purpose to monitor time. It…
Category : Javascript 23-07-2021 by Janeth Kent
How to use the charCodeAt method in JavaScript
The charCodeAt method is accepted by strings in JavaScript, returning the 16-bit Unicode code of the character at the position we pass as a parameter to the method. The charCodeAt method can be used with both standard strings defined with single or double quotes and String objects or literal templates. In this…
Category : Javascript 22-07-2021 by Janeth Kent
How to use the charAt method in JavaScript
The charAt method is accepted by strings in JavaScript, returning the position of the character passed as a parameter within the string. If the string contains multiple occurrences of the character passed as a parameter, the charAt method will return only the position of the first occurrence. If the character is…
Category : Javascript 22-07-2021 by Janeth Kent
How to check if a value is a number in JavaScript
In this short tutorial we are going to look at the various methods that exist to find out if a value is a number in JavaScript. 1. Using the isNaN() function One of the most commonly used methods is to use the isNaN() function, which is a global function assigned to the…
Category : Javascript 22-07-2021 by Janeth Kent
Strings in JavaScript: What they are and how to use them
In this tutorial we are going to explain what strings are and how they are used in JavaScript. The tutorial is intended for people who are learning to program in JavaScript. You will learn how to create strings, how to display the content of strings, how to concatenate strings and…
Category : Javascript 22-06-2021 by Janeth Kent
Formatting hours in Javascript
Continuing with the set of articles that talk about internationalisation elements, like the previous one where we talked about relative dates in JavaScript, we will see in this one how to format hours in JavaScript. The first thing we need to do is to create an 'hour' in JavaScript. That is,…
Category : Javascript 10-06-2021 by Janeth Kent
Dates in local format with Javascript
In the articles we have about dates in JavaScript we were missing one about how to create dates in local format with JavaScript. That is to say, being able to internationalise (i18n) the date before printing it. Many of you may be saying, "we have already seen this using the…
Category : Javascript 10-06-2021 by Janeth Kent
Request data with prompt in JavaScript
After having published several articles about how to manipulate arrays and dates, today I will publish a post that some of you will find too basic and others will find it useful to get you started in the world of JavaScript programming. So, let them be read to the taste…
Category : Javascript 01-06-2021 by Janeth Kent
Relative dates in JavaScript
One of the interesting things about the internationalisation library represented in the Int object is the handling of relative dates in Javascript. This handling allows us to represent a date according to relative elements, that is to say, to be able to specify which was yesterday, or the day before…
Category : Javascript 25-05-2021 by Janeth Kent
The JavaScript forEach loop
We have already talked about how to handle some of loops types in Javascript including for, for-in and for-off loops. In the case of today we are going to see how we can make a foreach loop in Javascript. A foreach loop helps us in a simple way to go through the…
Category : Javascript 20-05-2021 by Janeth Kent
How to access webcam and grab an image using HTML5 and Javascript
We often use webcams to broadcast video in real time via our computer. This broadcast can be viewed, saved and even shared via the Internet. As a rule, we need software to access the webcam and stream video. But you can also stream video on websites without using third-party software. The…
Category : Javascript 20-05-2021 by Janeth Kent
What are React Hooks and what problems they solve
Working with React, - and before the release of Hooks in version 16.8 - there was always the possibility to create components in three different ways based on a number of suspects and needs: 1. Elementary components - These components are the simplest ones, they are characterized by being mere variables that…
Category : Javascript 13-05-2021 by Janeth Kent
How to clone objects in JavaScript
Primitive and referenced values (objects) behave very differently when we want to make a copy of them. Primitive values Let's suppose a variable name that has a primitive value associated with it (number, string, boolean, undefined and null). If we make a copy of this variable name to another variable name2, any…
Category : Javascript 11-05-2021 by Luigi Nori
How to populate an array with numbers in JavaScript
Populate an array with numbers in JavaScript The first step is to initialise the array. So today we are going to see a simple way to do it and see how we can populate an array with numbers in JavaScript. The idea is to populate it with the same number as…
Category : Javascript 07-05-2021 by Janeth Kent
How to populate an array with random numbers in JavaScript
Some of you might think that what we explained in the article on how to populate an array with numbers, apart from the didactic part, would not have much applicability since we load an array with the same number. It is true that the use cases are fewer, but in…
Category : Javascript 07-05-2021 by Janeth Kent
Top Javascript Libraries and Frameworks Part 2
What are JavaScript frameworks? JavaScript frameworks are application frameworks that allow developers to manipulate code to meet their particular needs. Web application development is like building a house. You have the option of creating everything from scratch with construction materials. But it will take a long time and can incur high costs. But…
Category : Javascript 06-05-2021 by Janeth Kent
Top JavaScript libraries and frameworks part 1
JavaScript libraries and frameworks make it easy to develop websites and applications with a wide variety of features and functionality, all with dynamic, flexible and engaging features. According to a 2020 StackOverflow survey, JavaScript remains the most widely used programming language (for the eighth year), with 67.7% of respondents using it. Its…
Category : Javascript 06-05-2021 by Janeth Kent
Create stunning timelines with Timeline.js
Timelines are complicated but effective tools for showing large amounts of data. TimelineJS removes the pain TimelineJS is an easy-to-use JavaScript library, both for user and developer. It can be as easy as embedding an iframe onto your page using the embed generator with a Google Doc spreadsheet, or as complicated…
Category : Javascript 04-05-2021 by Janeth Kent
Visualize Your Data: 25 Javascript Visualization Libraries
You have a huge amount of data that you need to present to your website visitors in a clear and concise way. First of all, you have to organise that data so that it's understandable to everyone in some way, right? That's where graphics come in. In web design, graphs…
Category : Javascript 03-05-2021 by Silvia Mazzetta
Looping through a matrix with JavaScript
We were already talking about how to multiply arrays in JavaScript and we realised that we had not explained something as simple as traversing an array with Javascript. So we couldn't let the time pass and we have started working to explain you how to do this task. The first thing…
Category : Javascript 03-05-2021 by Janeth Kent
How to multiply matrices in JavaScript
It may seem strange to want to know how to multiply matrices in JavaScript. But we will see some examples where it is useful to know how to perform this operation and how useful it is when handling coordinates as matrices, which we will see in a following article. But let's…
Category : Javascript 30-04-2021 by Janeth Kent
JavaScript Formatting Date Tips
Something that seems simple as the treatment of dates can become complex if we don't take into account how to treat them when presenting them to the user. That is why here we are going to see how we can format dates in JavaScript. To do this we are going to…
Category : Javascript 30-04-2021 by Janeth Kent
Starting with Bootstrap-Vue step by step
Today we will show you how to use BootstrapVue, describe the installation process and show basic functionality. The project’s based on the world's most popular CSS framework - Bootstrap, for building responsive mobile-first landing page and combines it with Vue.js. Bootstrap-Vue does not yet support Vue 3. So if you want to…
Category : Javascript 13-04-2021 by
JavaScript: Spread and Rest operators
In today’s article we are going to talk about one of the features of the ES6 version(ECMAScript 2015) of JavaScript which is Spread operator as well as Rest operator. These features may be very useful when developing and working with front-end frameworks. We will explain how you can use it in…
Category : Javascript 05-04-2021 by
