JavaScript

  • 3 min
Mastering The JavaScript Includes() Method

Mastering The JavaScript Includes() Method

Learn how to use the includes() method in JavaScript to search an array and return a boolean value indicating whether a specific value is present. Quick and easy guide for beginners."

  • 3 min
How To Sum Total From Array Of Object Properties With JavaScript Reduce Method

How To Sum Total From Array Of Object Properties With JavaScript Reduce Method

Calculating the total price for your shopping cart was a hassle in the days before the JavaScript reduce method. In this post, I will show you how easy it is to use the reduce method to calculate the total price of a product array in the shopping cart. The JavaScript reduce method is powerful and can calculate a total price based on an array of object properties.

  • 3 min
Mastering The JavaScript Find() Method

Mastering The JavaScript Find() Method

Searching specific values in arrays is easy with the JavaScript `find()` method. It doesn't matter if you want to find a string, number, boolean, or property of an object in an array. In this post, I will show you how to find values very easily. The find() Array method in JavaScript returns the first item in the array that matches your condition.

  • 2 min
Why Use TypeScript For JavaScript Development Today

Why Use TypeScript For JavaScript Development Today

One of the main reasons why TypeScript is important is that it allows developers to add type annotations to their code. This means that they can specify the data type of variables, function arguments, and return values, which can help prevent many common bugs and make the code easier to read and understand.

  • 7 min
Convert A CSV To A JavaScript Array of Objects — The Practical Guide

Convert A CSV To A JavaScript Array of Objects — The Practical Guide

The simplest way to convert a CSV file into a JavaScript Array of Objects is, using the JavaScript split, map, forEach, trim methods, and spread operator. In this post, I love to show you how you can exactly do that by using a file upload form.

  • 4 min
How to Convert a TypeScript Enum to a JavaScript Array or String

How to Convert a TypeScript Enum to a JavaScript Array or String

Subtract the data from the enum and remodel it into a JavaScript Array of Strings so you can use it for whatever you like.

  • 3 min
Getting Started With Programming On A Budget

Getting Started With Programming On A Budget

In this post, I want to share with you some tools you can use on a mobile phone or cheap tablet to get started with programming web development.

  • 9 min
6 JavaScript Features to Improve Your JavaScript Skills in 2022

6 JavaScript Features to Improve Your JavaScript Skills in 2022

The features Array.at(), structuredClone(), Top-level await, For-await-of-loop, private class fields and Object.hasOwn() are both very new features and features that improve the already existing functionality in JavaScript. Let's dive into it together.

  • 5 min
Create Your Own Ipsum Generator With JavaScript

Create Your Own Ipsum Generator With JavaScript

Generating fake content with random words can be convenient for testing purposes. That’s why today, we will create a JavaScript function that does that. It's super simple with the Math.random, round, while loop and map methods in JavaScript.

  • 2 min
How To Create a Random String With Maximum Characters in JavaScript

How To Create a Random String With Maximum Characters in JavaScript

You can use a library for generating random data in JavaScript, but I think it’s even cooler to do it yourself. If you want to spice up your JavaScript skills, these functions are the best to practice.

  • 3 min
How To Generate an Alphabet JavaScript Array

How To Generate an Alphabet JavaScript Array

Imagine building a word game with JavaScript, and you need to pick a random character from the alphabet, but you don’t want to type all the letters by hand. We will generate it with JavaScript .map, string and the Math.round methods.

  • 2 min
How To Create a Random String with JavaScript

How To Create a Random String with JavaScript

For many purposes, you can need a random string. Sometimes a long one and sometimes a short one. A lot of time, I use these functions in a unit or end-to-end test to automate even more.

  • 3 min
How to validate BSN, PGN & OWN in the Netherlands with TypeScript/JavaScript

How to validate BSN, PGN & OWN in the Netherlands with TypeScript/JavaScript

Learn How To Use The Elfproef for dutch identification numbers

  • 5 min
The Easiest Way To Format Dates In JavaScript

The Easiest Way To Format Dates In JavaScript

For many years developers complain about formatting their dates and times in JavaScript. Doing calculations or proper formatting required libraries like MomentJS. Thanks to the ECMAScript Internationalization API, those days are over! It can format dates and times and also calculations.

  • 6 min
Replacing a Framework, Library, or Programming Language is a Disaster

Replacing a Framework, Library, or Programming Language is a Disaster

As a developer, we are focused on tech. We adore working with new technologies, languages, libraries, and frameworks. All these things are changing so quickly! Are there any developers wondering what the consequences are for the business? Or the responsibility for a manager only? I don’t think so!

  • 5 min
Getting Started With Storybook Without a JavaScript Framework

Getting Started With Storybook Without a JavaScript Framework

We all want to use well-documented UI components in our frontend. With Storybook, you can do that reasonably quickly with React, Angular, Vue, or any other framework. But also without a JavaScript framework! Let's dive into it.

  • 1 min
How To Remove Un-used Imports Automatically In Visual Studio Code

How To Remove Un-used Imports Automatically In Visual Studio Code

If you’re working on a project that forces you to run all the linting before you can commit, you can sometimes feel frustrated. But most of the time, I forget to clean un-used imports in my TypoScript/JavaScript files.

  • 2 min
Improve React Components With Optional Chaining & Nullish Coalescing

Improve React Components With Optional Chaining & Nullish Coalescing

If you’re working on a big React (Next.js) application, sometimes you might need to dive deep into a data structure. Let's use Optional Chaining & Nullish Coalescing to improve React components.

  • 4 min
How Promises Actually Work in JavaScript

How Promises Actually Work in JavaScript

Learn when and how to use them

  • 5 min
Build A Custom Like Button with HTML, CSS and Vanilla JavaScript

Build A Custom Like Button with HTML, CSS and Vanilla JavaScript

When you want to learn JavaScript, where do you start? Building UI components is always a good idea!

  • 2 min
Get, Add or Remove HTML Elements with JavaScript

Get, Add or Remove HTML Elements with JavaScript

Manipulating the HTML DOM is easy with JavaScript methods querySelector and querySelectorAll. In this post, I will show you how easy it is!

How to Learn JavaScript The Easy Way?

How to Learn JavaScript The Easy Way?

A Tiny Step At The Time Is More Than Enough To Become A Pro

  • 12 min
How To Build A Serverless Webshop — part 2

How To Build A Serverless Webshop — part 2

Product list and detail view with Angular

  • 6 min
How To Build A Serverless Webshop

How To Build A Serverless Webshop

Connect Angular and FaunaDB with Netlify Serverless functions

  • 2 min
TypeScript’s New Top-Level Await

TypeScript’s New Top-Level Await

We don’t need an async function wrapper anymore

  • 4 min
4 Steps to Get Started With Serverless Functions on Netlify

4 Steps to Get Started With Serverless Functions on Netlify

In this article, I want to tell you everything I know about serverless functions. I’m not going to dive into the small details. I want to talk about what they are and why you want to use them as front-end developers. What Are Serverless Functions?

  • 4 min
Native Lazy Loading in the Browser

Native Lazy Loading in the Browser

How we do it now and how we did it in the early days

  • 5 min

Lazy-loading images with the Intersection Observer

Lazy loading has always been a popular toppic on the web! But with the Intersection Observer that will all be so much better than it was!

  • 1 min

How long would it take to start building your own projects with Vanilla JavaScript?

Well, first it is important to know what your definition of a project is because you can have super small projects, but also very big projects.

  • 2 min

Should I learn React Or AngularJS?

I think this is a bit generic question! But this question was asked on Quora!

  • 1 min

#SpiceUpJSExercise: Build a todo app with Vanilla JavaScript

A lot of people have asked to help them grow in their JavaScript skills. But the only way to do it is by using JavaScript properly and get feedback on the code you’ve written.