ECMAScript 6 (ES6) is the upcoming sixth major release of the ECMAScript language specification.

How does Scope work in JavaScript

Scope is one of the most important topics in JavaScript. In this tutorial, you will learn about what scope is. Then, you will learn about types of scope and how they work. You will also learn about ES6 variables, block statements, why they matter for scope. Lastly, you will also learn about closures.

JavaScript Arrow Functions  - What you Need to Know

In this article, you will learn about arrow functions, the syntax, parameters, parentheses and curly brackets, and when you can omit them. You will also learn about implicit and explicit return, immediately invoked arrow functions and the main differences between arrow functions and functions.

Type Coercion in JavaScript (and why everyone gets it wrong)

In this JavaScript tutorial, we'll discuss Type coercion in JavaScript (and why everyone gets it wrong). this is my little attempt to explain JavaScript's type coercion in a very simple manner that all JavaScript developers, regardless of experience, can simply understand. I hope you'll leave this with an enriched knowledge of how to take hold of the language's quirks and use it to your advantage.

JavaScript ES6 Arrow Functions Tutorial

ES6 added many amazing new features to JavaScript, but by far one of the best features is arrow functions. Arrow functions not only make code much more concise and legible, but it also handles the scope of this in a much more intuitive way.

ES6 Concepts - Part One

This article describes concepts introduced in ES6 viz Let, constant and what is a temporal dead zone.Constants are block-scoped variables/arrays/objects which cannot be reassigned or redeclared in the same scope (Scope is defined by the nearest curly braces). Const declaration creates a read-only reference to a value but it is not immutable.

Pass by Value vs Pass by Reference in Javascript

In this article I will be discussing the difference between pass by value and pass by reference.

JavaScript = Arrow Functions => ES6

Basic Syntax Explained for Beginners. Arrow function (also known as “fat arrow; =>” function) was introduced in ECMAScript 2015 as a new syntax for declaring functions. JavaScript = Arrow Functions => ES6

The Code Barbarian | ES6 Reduce Helper

## Introduction  Consider a simple scenario where you have an array of numbers and you want to return the sum of all elements in that array. We will see that it's a solution in ES5 and that it's equivalent in ES6 to using reduce helper. **ES5...

Development of Cross-browser Extensions using ES6 and BabelJS

Last few months we're working really hard on our service Tips by 60 Devs. In this post I would like to share an experience of how we developed an extension for 3 browsers, which problems we encountered and how we solved them.

JavaScript Generators -  What You Need to Know!

JavaScript generators, or generator functions, are one of the lesser known features of ECMAScript 6 (ES6). They can look a bit strange. This tutorial will help you wrap your head around them and understand the basics. You will learn about what JavaScript generators are, how they work, how to create them and how to use them.

How to add object fields conditionally in JavaScript

How to add object fields conditionally in JavaScript. I often run into situations where I need to construct an object in JavaScript, and I want to set fields to this object conditionally.

Map and Filter | ES6 For ReactJS beginners

More tutorials: In this episode, I will be introducing you the two practical ES6 ...

ES6 Reduce Helper and ES6-Equivalent Code Using Reduce

ES6 (EcmaScript 6) is the standard for Javascript and Javascript is the implementation of ES6. ES6 has some array helper methods, one of which is reduce helper. In this blog, I will describe how to use reduce helper.

Javascript ‘This’. Who Is This?

This. Default, Implicit, Explicit, and New Binding. Arrow Functions. In layman’s terms, this points to the owner of the function call, I repeat, the function call, and NOT the function itself. The same function can have different owners in different scenarios. 4 rules decide the value of this

React Slider: How to Build an Image Slider With React Hooks

React Slider: How to Build an Image Slider With React Hooks. Creation of all the components necessary to display an array of content, as well as the ability to navigate back and forth to each slide in our slider. Adding an autoplay feature. We will dive deeper into React Hooks and optimize the slider both for performance and visual appeal. We will achieve this by tapping into useEffect and some new memoization helpers.

Closures, Partials, and Currying in JavaScript

About functions, their environments, and reusability in JavaScript. The concepts of Closures, Partials, and Currying are similar. They are not exclusive to JavaScript. I will outline the three ideas in this article.

Rest Parameter and Spread Operator

Two different concepts with the same syntax. Rest Parameter and Spread Operator. A Rest Parameter is used as the last argument of a function declaration. It is enabling the user to specify any number of parameters. Arguments is an Array-like Object; we cannot directly apply Array-functions to it. We have to make use of the Spread Operator to unfold the Arguments Object in an Array first.

JavaScript: Template Literals (ES6)

Beginners Guide to Template Literals in JavaScript. JavaScript: Template Literals (ES6). Inthis article, I will discuss another powerful feature of modern JavaScript; template literals, which was released in the 2015 edition of the ECMAScript specification and was referred to as template strings prior to ES6. Similar to string interpolation features in other languages like Ruby and Phyton, template literals provide syntactic sugar that allows us to construct strings more quickly. Before template literals were added to the JavaScript language in ES6, single quotes (‘ ’) and double quotes (“ ”) were the only ways to make a string. Template literals offer another way to declare strings that makes use of backtick (` `) character.

What’s the difference between Var, Let and Const in JavaScript?

In this article we will learn the difference between Var, Let and Const in JavaScript? In the not so distant past there was only one way to define a variable in JavaScript, and that was with `var`. However, with the introduction of ES6 two additional ways were added, `let` and `const`.

Learn Deep & Shallow Copy with Tricky JavaScript Questions

Code examples & illustrations await! Learn Deep & Shallow Copy with Tricky JavaScript Questions