Get my free books:
Article series: Learn JavaScript from Scratch
23 February 2021
Alpine.js tips and tricks for beginners
Alpine.js gotchas, tips, tricks, and experiences from working with the framwork can be found in t...
Article Series: Learn JavaScript from scratch
27 January 2021
Hoisting differences related to keywords var, let and const in JS
We all know that the var keyword should not be used in our code, and that we should mostly use le...
Article Series: Learn JavaScript from scratch
27 January 2021
Find the key code for a keydown or keyup event in JavaScript
Key up and key down events in JS return a bunch of information in the Event object. This informat...
Article Series: Learn JavaScript from scratch
26 January 2021
Using cookies in JavaScript
Cookies are one of the oldest ways of saving text-based data on the web. The data that gets saved...
Article Series: Learn JavaScript from scratch
22 January 2021
Convert an object to array in JS
Converting an object to an array is pretty easy in JavaScript. All we have to do is use Object.ke...
Article Series: Learn JavaScript from scratch
21 January 2021
Get an object's length in JavaScript
To get the length of an object in JS, we use Object.keys() to get an array of our object's own pr...
Article Series: Learn JavaScript from scratch
18 January 2021
Build a multi-dimensional array in JavaScript
How to build matrices in JS? Also known as multi-dimensional arrays, these are just arrays of arr...
Article Series: Learn JavaScript from scratch
18 January 2021
Convert kebab case to camel case in JavaScript
It's the combination of String.prototype.match(), RegExp, and String.prototype.replace() that giv...
Article Series: Learn JavaScript from scratch
18 January 2021
Capitalize the first letter of a string in JavaScript
The trick is to separate the string into the first letter and the rest of the string using charAt...
Article Series: Learn JavaScript from scratch
17 January 2021
Insert CSS styles with JavaScript
Appending a style tag to the head tag of an HTML document requires some simple DOM manipulation. ...
Article Series: Learn JavaScript from scratch
17 January 2021
Compute the factorial of a number with JavaScript
Calculating a factorial is very easy, but many JS implementations online make this problem unnece...
Article Series: Learn JavaScript from scratch
16 January 2021
Calculate the Fibonacci sequence in JS
Fibonacci sequence in JS should not be hard to build. In this article, we show step-by-step, how ...
Article Series: Learn JavaScript from scratch
15 January 2021
Count the number of times a substring appears in a string in JavaScript
Have you ever tried to see how many times a letter or a word appears in a string? Or how many tim...
Article Series: Learn JavaScript from scratch
14 January 2021
Convert an array of numbers to an array of ordinal numbers in JS
To format an array of numbers as ordinal numbers, we need to properly add the suffixes -st, -nd, ...
Article Series: Learn JavaScript from scratch
13 January 2021
Format a number as currency in JS
Formatting a number as currency in JS is easy. We can use Intl.NumberFormat(), and style it as cu...
Article Series: Learn JavaScript from scratch
12 January 2021
Format a number with comma as a thousands separator in JS
In JS, we can add a comma as thousands separator using the toLocaleString() method, or using Intl...
Article Series: Learn JavaScript from scratch
11 January 2021
Generate a random sub-array from a larger array
To get a random, three-member sub-array from an array of items, we need to use the splice, Math.r...
Article Series: Learn JavaScript from scratch
10 January 2021
Add random CSS classes to a paragraph in JavaScript
We have a web page with a script tag. That script tag holds an array of various Bootstrap 4 CSS c...
Article Series: Learn JavaScript from scratch
09 January 2021
Generate a random password with JavaScript
We can easily whip up our own password generator in vanilla JS. This tutorial shows you how to do...
Article Series: Learn JavaScript from scratch
08 January 2021
Randomize the order of members in a JavaScript array
Randomly reordering members of a JavaScript array might seem an easy task, but it can also be dif...
Article Series: Learn JavaScript from scratch
07 January 2021
Get a number randomly from a range of numbers in JS
Math.random() gives us a range between 0 (inclusive) and 1 (exclusive). But how do we use this me...
Article Series: Learn JavaScript from scratch
07 January 2021
Randomly return a true or false from a JavaScript function
Using the conditional (ternary) operator, we are able to easily return, at random, either a boole...
Article Series: Learn JavaScript from scratch
06 January 2021
Pick a random member from a JavaScript array
Multiply the length of array with the call to Math object's random method, then floor the result....
Article Series: Learn JavaScript from scratch
05 January 2021
Emulate a six-sided dice
Use Math.random() static method to emulate a pair of dice in JavaScript, and keep in mind these s...
Article Series: Learn JavaScript from scratch
12 December 2020
Objects vs non-objects in JavaScript
This article discusses the difference between objects and non-objects in the JavaScript language.
Article Series: Learn JavaScript from scratch
07 March 2020
Replace all instances of a CSS class using vanilla JS
How to use vanilla JavaScript to replace all instances of a CSS class with another CSS class on a...
Article Series: Learn JavaScript from scratch
05 December 2019
The Ultimate List of Productivity Boosters for Developers
Productivity can be hard to improve, even if you're a talented web developer. Here's a list of ti...
Article Series: Learn JavaScript from scratch
03 December 2019
Multiplication table using nested for loops
Nested for loops in JavaScript can help us with a number of coding tasks. In this article, we'll ...
Article Series: Learn JavaScript from scratch
02 December 2019
Working with maps in JavaScript
The map data structure is another data structure in JS that derives from the Object prototype. In...
Article Series: Learn JavaScript from scratch
02 December 2019
Working with arrays in JavaScript
JS array prototype, array methods, array use cases, and a number of tips and tricks - we're going...
Article Series: Learn JavaScript from scratch
01 December 2019
Working with sets in JavaScript
This is an in-depth introduction to sets in JavaScript. A set is a special kind of a collection i...
Article Series: Learn JavaScript from scratch
10 November 2019
Write a simple quiz app in JavaScript
How to write a very simple quiz app in JavaScript? Find out in this introductory, beginner-friend...
Article Series: Learn JavaScript from scratch
10 November 2019
Write a simple todo app in JavaScript
How to write a very simple todo app in vanilla JavaScript? Find out in this introductory, beginne...
Article Series: Learn JavaScript from scratch
08 November 2019
Helpful tricks to learn JavaScript
What are the ways to improve you JavaScript coding skills? How to get better faster? Are there an...
Article Series: Learn JavaScript from scratch
08 November 2019
What are events in JavaScript
JavaScript inline event handlers, event propagation, event bubbling and capturing, the Event obje...
Article Series: Learn JavaScript from scratch
08 November 2019
Filter Google search results with JavaScript
The ability to use JavaScript right in the browser, via the devtools console, opens up a world of...
Article Series: Learn JavaScript from scratch
03 November 2019
Useful JavaScript snippets
This article lists a number of various snippets, tips, and tricks in JavaScript. This is an open-...
Article Series: Learn JavaScript from scratch
20 October 2019
The Anatomy of a JavaScript function, part 5
There are well over a dozen ways to define a function in JavaScript. In this fifth article of the...
Article Series: Learn JavaScript from scratch
20 October 2019
The Anatomy of a JavaScript function, part 4
How to use the function arguments and how are they related to the ES6 speread operator? This is t...
Article Series: Learn JavaScript from scratch
19 October 2019
The Anatomy of a JavaScript function, part 3
What are the differences between ES5 and ES6 functions? We answer this question in this article, ...
Article Series: Learn JavaScript from scratch
18 October 2019
The Anatomy of a JavaScript function, part 2
How to generalize functions in JavaScript? Learn all about it in this second part of the Anatomy ...
Article Series: Learn JavaScript from scratch
08 October 2019
Should I first learn vanilla JavaScript or Angular?
It's hard to choose what to learn in web development when there are so many options: should I lea...
Article Series: Learn JavaScript from scratch
09 September 2019
Learning JavaScript basics by coding tiny apps, part 2
When you're learning to code, it's always a good idea to try to build apps on your own. These app...
Article Series: Learn JavaScript from scratch
08 September 2019
Learning JavaScript basics by coding tiny apps
When you're learning to code, it's always a good idea to try to build apps on your own. These app...
Article Series: Learn JavaScript from scratch
18 March 2019
10 Reasons to Choose JavaScript As Your First Coding Language
If you're planning to start learning a coding language, you can't go wrong with JavaScript. In th...
Article Series: Learn JavaScript from scratch
03 December 2018
The anatomy of a JavaScript function, part 1
This tutorial compares JS functions to simple machines. We go step by step, building a JS functio...
Article Series: Learn JavaScript from scratch
19 October 2018
Table border css
In this quick tip tutorial, we see how easy it is to add a border to a table HTML element using C...
Article Series: Learn JavaScript from scratch