Latest Javascript tutorials
Javascript is a popular language used for frontend and backend.
It was originally developed by the TC39 community.
What JavaScript is used for?
Javascript is a popular open-source interpreted language for developing applications for web desktop and mobile applications.
It is used in the front end for interactive elements on web pages And also can be used as a server-side to fetch data.
Front-end frameworks such as Angular, React, and Vuejs execute on the client on the browser.
Server-side such as NodeJS used to develop REST API to fetch and update data from database layer, and it is executed on the server-side.
In Applications, HTML and CSS are used to display the UI elements on the browser, and Javascript is used to add interaction between UI elements as well as pages.
javascript uses.
- client side validations
- Responsive interactions to hide and show elements
- DOM elements manipulation to change the color, show, and hide
- Adding Animations to webpages for smooth UX
- Create web mobile and desktop applications including browser extensions.
- Game and NODEJS application server development
Javascript versions History
Complete history of Javascript versions from 1997 to latest.
Is ECMAScript the same as JavaScript?
javascript is a general interpreter that runs on browsers.
ECMAScript is a set of protocols and rules defined by the organization.
Ecma International. It is a specification to be used and complaint about new scripting languages.
To understand clearly, Ecmascript is an abstract or interface and javascript is a class that implements ECMAScript in OOPS context. ECMAScript is a blueprint and javascript is one of the scripting languages that follow the blueprint.
Javascript runs on the browser using the javascript engine. A browser such as Chrome uses V8 Engine, Firefox uses SpiderMonkey and Safari uses Apple engine, Which means each browser uses a different engine.
Whenever ECMAScript releases new features, The engine vendors need to implement the features to run on browsers. Based on engine, javascript performance decided.
Every year ECMAScript release new versions with features
The latest ECMAScript version is EcmaScript 2021 or ES12.
Which browser has the fastest JavaScript engine?
Following are the list of browsers used with the javascript engine
- Chrome - V8 Engine
- Firefox: Spider Monkey
- Safari: Apple Nitro Engine
- Opera: Carakan
- Edge: Chakra
- Internet Explorer: JScript
javascript Performance is one of the important things. Javascript is not only used in browsers but used in mobiles, desktops, and games. Chrome and Firefox are the most top-performance engines and updated with the latest javascript features. V8 is the fastest engine in all javascript engines.
Following is rank in terms of performance Chrome -> Firefox -> Safari ->
Javascript latest version features list
It is an index page for the list of tutorials for javascript and EcmaScript.
File Type | Description |
---|---|
ES6 | ES2016 tutorials features and examples |
ES7 | ES2016 tutorials features and examples |
ES8 | ES2017 tutorials features & examples |
ES9 | EcmaScript2018 tutorials features & examples |
ES10 | EcmaScript2019 tutorials features examples |
ES11 | EcmaScript2020 OR ES2020 tutorials features examples |
ES12 | EcmaScript2021 tutorials features & examples |
ES13 | EcmaScript2022 tutorials features & examples |
ES14 | Latest javascript features version released in 2023 |
What is latest version of JavaScript?
ES12 or ES2021 is an latest version of javascript programming language.
Javascript Functions
javascript language provides following functions in the language.
- Lambda or Arrow Functions
- First Class Functions
- High Order Functions
- First Order Functions
- Unary Functions
- Currying Functions
- Pure Functions
- Impure Functions
First Class Functions in programming language.
Functions are treated similarly to like a variables. Variables can be assined,assed, return from Functions. Similarly Functions can be assigned, pass as an argument to Function and Returned from a Function
Following are First Class Functions examples
- Create a Function and assign to Variables
Normal function is created and assigned to variables.
function add(a,b){
return a+b;
}
const result=add(10,20)
console.log(result)
In the below example, Created anonymous function, also called functional expression and assigned to an variable.
Called the function and assigned the function as given below
const add=((a,b)=>a+b);
const result=add(10,20)
console.log(result)
- Passing Function as an argument or parameter
The below example passed function with argument to calculator function.
These also called callback functions.
const add=((a,b)=>a+b);
function calculator(a,b, fn) {
return fn(a,b);
}
let output=calculator(10,20,add);
console.log(output)
- Return function from a function
Below is an function that returns the function from a return statement.
function getMessage() {
return () => {
console.log("Welcome");
}
}
getMessage()();
Latest Articles
ES11 - Getting started
This tutorial covers latest Javascript features released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted January 1, 0001 by ‐ 1 min read
ES11 - matchAll
This tutorial covers the latest javascript features, matchall released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted August 20, 2023 by ‐ 1 min read
ES11 - Nullish Coalescing Operator
This tutorial covers the latest javascript features, Nullish Coalescing Operator released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted August 20, 2023 by ‐ 2 min read
ES11 - Optional Chaining Operator
This tutorial covers the latest javascript features, Optional Chaining Operator released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted August 20, 2023 by ‐ 4 min read
ES11 - Private variables
This tutorial covers the latest javascript features, and private variables released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted August 20, 2023 by ‐ 1 min read
ES11 - Static variables
This tutorial covers the latest javascript features, and private variables released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted August 20, 2023 by ‐ 1 min read
ES11 - Promise allSettled
This tutorial covers the latest javascript features, Promise allSettled released in 2020. ES11 or ES2020 or EcmaScript2020 .
Posted August 20, 2023 by ‐ 2 min read
ES13 - Tutorials
This tutorial covers latest new JavaScript features release in 2022. ES13 or ES2022 or EcmaScript2022 features .
Posted January 1, 0001 by ‐ 1 min read
ES2022 - .at() method
This tutorial covers the array .at() method used to get the elements with negative index from the last element. How to get the last element from an arrayES13 or ES2022 or EcmaScript2022 features.
Posted August 20, 2023 by ‐ 2 min read
ES2022 - Class Fields
This tutorial covers class public and private properties | latest new JavaScript features will release in 2022. ES13 or ES2022 or EcmaScript2022 features .
Posted August 20, 2023 by ‐ 2 min read
ES2022 - hasown method
This tutorial covers the class Object hasOwn Static method with examples compared with hasOwnProperty method and checks an object has its own property latest new JavaScript features will be released in 2022. ES13 or ES2022 or EcmaScript2022 features.
Posted August 20, 2023 by ‐ 2 min read
ES2022 - Top-level await()
This tutorial covers the Top Level Await without async to load modules and plain script resource initialization, fallback case for error load modules.
Posted August 20, 2023 by ‐ 2 min read
ES2021 - Tutorials
This tutorial covers latest new JavaScript features will release in 2021. ES12 or ES2021 or EcmaScript2021 features .
Posted January 1, 0001 by ‐ 1 min read
ES2021 - Logical Operators and Assignment Expressions
This tutorial covers the latest javascript features, ES12 features logical AND operator Assignment expression (&&=) logical OR operator assignment expression (||=) logical Double question operator assignment expression (??=)
Posted August 20, 2023 by ‐ 3 min read
ES2021 - Numeric Operators
ES12 features a numeric separator method - Applied Underscore separator to numeric, float, Hexa, octal,binary, and bigint literal, fraction, and exponent
Posted August 20, 2023 by ‐ 2 min read
ES2021 - Promise any & Race
This tutorial covers the latest javascript features, ES12 features a numeric separator method - Applied Underscore separator to numeric, float, Hexa, octa,binary, and bigint literal types, fraction, and exponent parts. .
Posted August 20, 2023 by ‐ 2 min read
ES2021 - ReplaceAll method
This tutorial covers the latest javascript features, String prototype ReplaceAll method in ES12 or ES2021 or EcmaScript2021.
Posted August 20, 2023 by ‐ 2 min read
ES2021 - WeakRef Object
This tutorial covers the latest javascript features, ES12 features nuef class, and FinalizationRegistry - Weak references and strong references in javascript used in garbage collection.
Posted August 20, 2023 by ‐ 2 min read
ES7 - Tutorials
In this tutorial, Learn ES7 features - exponential operators and array includes, ES2016 latest javascript version.
Posted January 1, 0001 by ‐ 1 min read
ES7 - Class Propertiess
This tutorial covers ES7 Class properties variable with code examples.
Posted August 20, 2023 by ‐ 1 min read
ES7 Array includes
This tutorial covers a new method includes introduced in the Array class of ES7, ES2016 javascript. It is used to check array contains a value for a boolean and includes improved program readability.
Posted August 20, 2023 by ‐ 3 min read
ES7 - Exponentiation Operator
This tutorial covers the exponential operator simple example and the Exponentiation Operator assignment introduced in ES7, ES2016 javascript.
Posted August 20, 2023 by ‐ 2 min read
ES1 - Tutorials
This tutorial covers latest new JavaScript features will release in 2024. ES15 or ES2024 or EcmaScript2024 features .
Posted January 1, 0001 by ‐ 1 min read
ES10 - Getting started
This tutorial covers latest javascript released in 2019. ES10 or ES2019 or EcmaScript2019 contains medium features.
Posted January 1, 0001 by ‐ 1 min read
ES10 - Array FlatMap
This tutorial shows Array class methods flat and FlatMap in ES2019 includes examples.
Posted January 1, 0001 by ‐ 2 min read
ES10 - Bigint type
This tutorial covers Bigint datatype introduced ES2019, Syntax Comparision Equality operator, Arithmetic, and type checking examples.
Posted January 1, 0001 by ‐ 3 min read
ES10 - Dynamic Import
This tutorial covers the Dynamic Import feature introduced in ES2019 with examples.
Posted January 1, 0001 by ‐ 2 min read
ES10 - globalThis
This tutorial covers globalThis access to global Objects uniformly introduced ES2019 with examples.
Posted January 1, 0001 by ‐ 2 min read
ES10 - javascript tostring
This tutorial covers the Function javascript toString method introduced ES2019 with examples and returns the string version of an object
Posted January 1, 0001 by ‐ 2 min read
ES10 - Optional Catch
This tutorial covers Catch error binding is optional feature introduced ES2019 with examples.
Posted January 1, 0001 by ‐ 2 min read
ES10 - String Trim methods
This tutorial covers String Trim methods trim the start and trimEnd introduced ES2019 with examples.
Posted January 1, 0001 by ‐ 1 min read
ES10 - Symbol.Description
This tutorial covers Symbol Descriptions introduced ES2019 with examples.
Posted January 1, 0001 by ‐ 1 min read
ES10 - Object fromEntries
This tutorial covers Object fromEntries method in ES2019 with examples.
Posted January 1, 0001 by ‐ 2 min read
ES14 - Tutorials
This tutorial covers latest new JavaScript features released in 2023. ES14 or ES2023 or EcmaScript2023 features .
Posted January 1, 0001 by ‐ 1 min read
ES14 - Array Immutable methods
This tutorial covers the latest new JavaScript features that will release in 2023. ES14 or ES2023 or EcmaScript2023 features Array Change by Copy toRevesed,toSorted, toSpliced, and with methods.
Posted January 1, 0001 by ‐ 4 min read
ES14 - Array Last
This tutorial covers latest new JavaScript features will release in 2023. ES14 or ES2023 or EcmaScript2023 features .
Posted January 1, 0001 by ‐ 2 min read
ES14 - Hashbang
This tutorial covers the latest new JavaScript features JavaScript Hashbang or Shebang grammar will release in 2023. ES14 or ES2023 or EcmaScript2023 features.
Posted January 1, 0001 by ‐ 1 min read
ES14 - Weakmap Symbol
This tutorial covers latest new JavaScript features will release in 2023. ES14 or ES2023 or EcmaScript2023 features .
Posted January 1, 0001 by ‐ 1 min read
ES8 - Getting Started
This tutorial covers the latest javascript features introduced in ES8, ES2017, and ECMAScript2017 of javascript.
Posted January 1, 0001 by ‐ 1 min read
ES8 - Object entries
This tutorial covers Object entries introduced to latest javascript features introduced in ES8, ES2017.
Posted January 1, 0001 by ‐ 2 min read
ES8 - Object values
This tutorial covers Object values introduced to latest javascript features introduced in ES8, ES2017, with examples
Posted January 1, 0001 by ‐ 1 min read
ES8 - String padding
This tutorial covers String padding latest javascript features introduced in ES8, ES2017.
Posted January 1, 0001 by ‐ 2 min read
ES8 - trailing commas
This tutorial covers trailing commas in function parameters and calls introduced to the latest javascript features, in ES8, and ES2017, with examples
Posted January 1, 0001 by ‐ 2 min read
ES8 - OwnPropertyDescriptor
This tutorial covers ES8 ObjectgetOwnPropertyDescriptors introduced to latest javascript features, in ES8, ES2017, with tutorials, examples
Posted January 1, 0001 by ‐ 2 min read
ES8 - Async Functions
This tutorial covers ES8 Async Functions tutorials, examples introduced to the latest javascript features, in ES8, ES2017, with examples
Posted January 1, 0001 by ‐ 1 min read
ES9 - Getting started
This tutorial covers latest javascript released in 2018. ES10 or ES2019 or EcmaScript2018 contains medium features.
Posted January 1, 0001 by ‐ 1 min read
ES9 - Promise Finally
This tutorial covers the promise API and finally a method to clean up code example latest javascript released in 2018. ES10 or ES2019 or EcmaScript2018 contains medium features.
Posted January 1, 0001 by ‐ 2 min read
ES6 - Tutorials
In this tutorials, Learn ES6 features features ES2015 latest javascript version.
Posted January 1, 0001 by ‐ 1 min read
ES6 - const keyword
In these tutorials, Learn ES6 const keyword features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 3 min read
ES6 - Default Parameters
In these tutorials, Learn ES6 function Default Parameters features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 2 min read
ES6 - Default Parameters
In this tutorials, Learn ES6 function Default Parameters features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 1 min read
ES6 - Default Parameters
In this tutorials, Learn ES6 function Default Parameters features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 1 min read
ES6 - For of Loop
In this tutorials, Learn For of Loop in ES6 function Default Parameters features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 1 min read
ES6 - Let variable
In these tutorials, Learn Learn let keyword and const features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 3 min read
ES6 - Spread Operator
In this tutorials, Learn ES6 const keyword features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 3 min read
ES6 - Template Literal
In these tutorials, Learn ES6 features ES2015 latest javascript version.
Posted August 20, 2023 by ‐ 1 min read
ES6 - Array Functions
In this tutorials, Learn ES6 features features ES2015 latest javascript version.
Posted January 1, 0001 by ‐ 3 min read