Many times, code samples are using the latest JavaScript features available. Sometimes those features can be hard to be distinguished from framework features. It happens frequently with React for example, which encourages a very modern approach to JavaScript

Arrow functions

Arrow functions have this syntax:

A bit different than regular functions:

ECMAScript 2015 commonly known as ES6 or ES2015 released in June 2015. ES5 was released in December 2009. It would then take almost six years for the next version of ECMAScript to be released. So, there are many exciting features in ES6.

  1. Default Parameters in Modern Javascript
  2. Template Literals in Modern Javascript
  3. Multi-line Strings in Modern Javascript
  4. Destructuring Assignment in Modern Javascript
  5. Arrow Functions in Modern Javascript
  6. Promises in Modern Javascript
  7. Block-Scoped Constructs Let and Const
  8. Modules in Modern Javascript

Default Parameters in Modern Javascript

var calculateArea = function(height = 50, width = 80) {
// write logic
...
}

npx create-react-app myapp

cd myapp

npm start

npm run

build npm install

1. Learn the Fundamentals of HTML, CSS, and JavaScript

Your core concepts should be strong before you jump to this library. If you’re an experienced developer then you just need to revise the concepts.

  • Variables, objects, arrays, functions, and classes.
  • Common array methods such as .map(), .filter(), .reduce()
  • ES6 features such as arrow function, let, const. Learn about ‘this’ keyword, call, apply, and bind method.
  • Concepts of Asynchronous JavaScript such as promises, callback, Async/Await.
  • Learn how DOM (document object model) works. …

In this post, I will share 10 JavaScript array methods you should know. If you know nothing about array, you can click here for array. Here are 10 javascript array methods you should at least know.

1. forEach()

This method can help you to loop over an array’s items.

const arr = [1, 2, 3, 4, 5, 6];  arr.forEach(item => {
console.log(item); // output: 1 2 3 4 5 6
});

2. includes()

This method checks if the array includes the item passed in the method.

const arr = [1, 2, 3, 4, 5, 6];

arr.includes(2); // output: true…

Mathematical operations are among the most fundamental and universal features of any programming language. In JavaScript, numbers are used frequently for common tasks such as finding browser window size dimensions, getting the final price of a monetary transaction, and calculating the distance between elements in a website document.

Arithmetic Operators

Arithmetic operators are symbols that indicate a mathematical operation and return a value. In the equation 3 + 7 = 10, the + is the syntax that stands for addition.

JavaScript has many familiar operators from basic math, as well as a few additional operators specific to programming.

A string is a data type used in programmings, such as an integer and floating-point unit, but is used to represent text rather than numbers. It is comprised of a set of characters that can also contain spaces and numbers. For example, the word “hamburger” and the phrase “I ate 3 hamburgers” are both strings. Even “12345” could be considered a string, if specified correctly. Typically, programmers must enclose strings in quotation marks for the data to recognized as a string and not a number or variable name.

A string is a data type used in programmings, such as an integer and floating-point unit, but is used to represent text rather than numbers. It is comprised of a set of characters that can also contain spaces and numbers. For example, the word “hamburger” and the phrase “I ate 3 hamburgers” are both strings

Abdur Rahman

I'm a student I always like to learn new things and have experience with new stuff. I'm trying to be more creative and will come back soon with something unique

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store