JavaScript Type Coercion and Comparison
codeflareJavaScript, one of the most widely used programming languages for web development, is known for its flexibility and dynamic nature. However, this very flexibility can lead to some unexpected behavior…
JavaScript Form Validation: A Complete Guide
In the world of web development, forms are ubiquitous. Whether you're building a simple contact form or a complex e-commerce checkout page, user input is essential. However, with great power…
JavaScript Garbage Collection
JavaScript, one of the most widely used programming languages in web development, has come a long way in terms of performance and efficiency. Part of this progress is attributed to…
How to Merge Arrays in Javascript
In JavaScript, an array is a data structure that allows you to store multiple values in a single variable. It is a container that holds an ordered collection of elements.…
What is MERN Stack?
There are several prominent technology stacks that you can undertake in web development, and one of them is the MERN stack. It is an abbreviation for MongoDB, Express.js, React.js, and…
Create a Todo App With React, Node JS And MySQL Using Sequelize And Pagination
Today, we are going to create a todo app with React and Node JS. A to-do app, short for "to-do list application," is a software product that assists people or…
JavaScript Search API
You can use JavaScript to search for a particular word, item or phrase in API. This can be done in a step-step process as follows: Design your search bar. This…
Bootstrap Alternatives You Should Try
The Bootstrap alternatives you should try in 2023 are numerous and easy to get started with. Bootstrap is a popular framework for designing websites and applications, but it may not…
Best JavaScript Animation Libraries
The best JavaScript animation libraries are the ones that are powerful enough to leave lasting impressions on the user. But knowing how and when to use animations in a webpage…
Count down days, hours, minutes and seconds to a set date in JavaScript
Question: count down days, hours, minutes and seconds to a set date in JavaScript JavaScript provides several built-in functions and objects for working with dates and times. Here are some…
Write a JavaScript Program That Prints Out Odd Numbers From 1 – 10
Question: write a JavaScript Program That Prints Out Odd Numbers From 1 - 10 Odd numbers are integers that cannot be divided evenly by 2. In other words, if you…
Generate Random Background Color in JavaScript
Using one of the powerful features of JavaScript, we can write a program that generates a random background color every time we refresh the page. <!DOCTYPE html> <!DOCTYPE html> <html…
Moment.js Cheatsheet
Moment.js has been successfully used in millions of projects with over 12 million downloads per week. Here's a curated moment.js cheatsheet to quickly use in your project. First, Install Dependencies…
JavaScript String Cheatsheet Reference
A string in Javascript represents a sequence of characters. Strings are useful for holding data that can be represented in textual forms. Some of the most-used operations on strings are…
JavaScript Shorten String With Three Dots
Using JavaScript, we can shorten the length of our string and just replace the rest with three dots. let stringVal = "Hello Codeflare!"; shortenString = stringVal.substring(0, 3).concat('...'); console.warn(shortendString) //Hel... Explanation…
FizzBuzz HackerRank Challenge
Solve the fizzbuzz hackerrank challenge question: Given a number n, for each integer i in the range from 1 to n inclusive, print out one value per line as follows:…
How to Use Fetch API in Javascript
In this tutorial, we are going to use the Fetch API to fetch all public holidays in the United States. We've have written extensively on the Fetch API here. So,…
Text to Speech in Javascript
Text to speech (also known as tts or speech synthesis) is an offshoot of the Web Speech API which provides distinct areas of functionality, including speech recognition. Speech Synthesis Speech…
Dynamically Populate Select Options in React JS
Dynamically Populate Select Options in React JS could be a real time-saver. When working with software applications built with libraries like React, there are times when you need to dynamically…
Remove Duplicate Values From an Array in JavaScript Using ES6
We can easily get the distinct values in our JavaScript array by using the spread operator. const arr = ; console.warn(arr); // //With Spread operator const newArr = ; console.warn(newArr);…
Javascript Get Date Methods You Can Quickly Use
In Javascript, dates are objects and are inbuilt. There are also methods that can be used to access these date objects, especially when you want to implement these methods in…
7 Javascript Shortcuts You Should Use in Your Next Project
You've probably heard it a lot: Work smart and not hard. That advice couldn't be more legit, especially when it comes to programming. Especially when it comes to Javascript. Beyond…
Javascript: Class Inheritance
Inheritance is an important concept in Object Oriented Programming. Inheritance is the process whereby one class, also called the sub-class, acquires the properties and methods of another class, also known…
Javascript: Object Oriented Programming
Object Oriented Programming (OOP) is a way of writing code such that you can create different objects (also called "instances") from a common blueprint. Each created instance has properties that…
Javascript: Working With Classes
Introduced in ES6 as a major update to the Object Oriented Programming concept in Javascript, Classes are templates for creating objects. Classes can also referred to as the "syntactic sugar"…
Null, Undefined and “Not defined” in Javascript
In JavaScript, null, undefined, and not defined are three distinct concepts that refer to different values or states. In this article we shall look at null, undefined and not defined…
Callbacks, Promises and Async Await
Callback functions, Promises, and Async Await are concepts fundamentally used by JavaScript to handle deferred operations. Sometimes an operation could be synchronous (blocking) or asynchronous (non-blocking). Let us take a…
Javascript: Rest Parameters
The rest parameter is an ES6 syntax that is used to represent an indefinite number of elements as an array. See arrays in Java Example function add(...elements){ let sum =…
Working With XMLHttpRequest
The XMLHttpRequest is a Javascript object that is used to interact with web servers. The XMLHttpRequest() is a Javascript function that makes it possible for developers to fetch XML data…
Working With Fetch API
If you are writing a web application, there is every possibility that at some point you will have to work with external data. This can be data from your own…
Switch Case
A switch statement gives an expression a value to evaluate and several different statements to execute based on the value of the expression. It is a useful alternative to the…
Debugging Your Javascript Code
Web browsers generally have consoles, which are interactive command lines where you can print text and test pieces of code. This is where, for the most part, you'll be debugging…
Pure And Impure Functions in Javascript
Pure Functions A pure function in Javascript is one that given the same input will always return the same output and does not have any observable side effect. This means…
What are Relational Operators?
Unlike logical operators which connect two or more expressions, relational operators test and establish some type of relation between two or more operands. There are six (6) relational operators, which…
Template Literals
Template literals allow for embedded expressions and help to solve the complex concatenation problem. They are enclosed by a back-tick character (the button just below the escape key on your…
Working With Functions
A function is a group of reusable code that can be called anywhere in your program. Functions eliminate the need of writing the same code again and again. Functions also…
Arrow Functions
Arrow functions, also called "fat arrows" were introduced with ES6 as a new syntax for writing Javascript functions. By utilising a token (=>) that looks like a fat arrow, they…
Array Filter Method
The Array filter method is used to check against a given condition.
Recursive Functions
A recursive function is one which defines a problem in terms of itself. A recursive function calls itself directly or indirectly until it is stopped. If it is not stopped,…
Object Oriented Programming
Object oriented programming is a way of writing code such that different objects (instances) are created from a single object (blueprint). Each created instance usually have properties that are not…
What is ES6?
Also known as ECMAScript 6, ECMAScript 2015 or Javascript 6, ES6 is a version of Javascript that was introduced in 2105. ECMAScript (ES) is a scripting language specification standardised by…
What Are Recursive Functions?
A recursive function is one which defines a problem in terms of itself. A recursive function calls itself directly or indirectly until it is stopped. If it is not stopped,…
Differences Between var, let and const.
Var Declaration Before the introduction of ES6 in 2015, var was the go-to way to declare variables in Javascript. Example: var a; a = 5; console.log(a) //5 But because variable…