#es2015

[insidehtml5]

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

[alamantus]

Phaser-ES2016-Webpack Boilerplate

Start a Phaser.js project using Webpack and ECMAScript 2016 syntax.

I just found and improved a PhaserJS boilerplate that uses ES2016/ES2015 (ES7/ES6) with Webpack to create a nice JavaScript game development codebase! Webpack takes all code and assets for your game (including images under 25kb!) and shoves it all into a single “game.bundle.js” file that gets loaded! It’s pretty awesome.

You can fork/download and use my boilerplate for your own games if you’d like! If you don’t know anything about ES2015 (ES6) or ES2016 (ES7), check out this little guide I like: ES6 for Humans

PS: If you’ve ever worked with Phaser and Webpack before, you know that it’s crazy hard to figure out how to get it working at all. If you want to hook it up yourself, check out how I did it in my boilerplate here. Doing it this way allows you to set it and forget it, not needing to require or import any Phaser files into your code! Much nicer than what I had to do before.

PPS: If enough people ask for help getting started, I’ll try to whip up a crash course in NodeJS and command line control so you can understand what you need to do with this boilerplate!

[kamiya-memo-nagoya]

ES2015(ES6) 入門 - Qiita

はじめに 今更ですが、ES2015(ES6)で追加された機能や構文に関する備忘録です。 「JSは書けるけどES2015(ES6)はわからないっす...!」といった人達向けの記事です。 入門記事のためイテレータやジェネレータ等のわ...

ES6のまとめ。

letとかconstとかはなんとなく知ってたけど、他は知らないっていうか見てもよくわからない。多分俺の知識不足なんだろうけど。

これは今後上司の方針的に俺がjsを書くことが多くなってくると思うので 今のうちにメモしておく。

[geekymindsblog]

JavaScript Password Generator

In this project we will build a password generator length and character options using JavaScript Code: https://codepen.io/FlorinPop17/pen/BaBePej Florin Pop'...

A short and simple project for beginners to practice javascript.

[geekymindsblog]

Arrow Functions Explained | JavaScript Basics – GeekyMinds

Arrow functions are one of the most important additions brought in by ES6. Dive in as we break it down for you into the very basics.

JavaScript Arrow functions are a new way to write functions in JavaScript ES6 or ES2015 spec.

[theunpaiddev]

This code allows you to isolate a specific cookie. 🍪 ➖➖➖⁣⁣⁣⁣⁣⁣⁣⁣⁣ 🕉 Follow @the.unpaid.dev on #instagram for new JS, CSS, HTML, DevOps 🔥🔥⁣⁣⁣⁣⁣⁣⁣⁣ ➖➖➖ ⁣⁣⁣⁣⁣⁣⁣⁣ ♋ Comment below 📲📲⁣⁣ #javascript #js #es6 #es2015⁣ #Ui ⁣ #ux⁣ #css⁣ #css3⁣ #sass⁣ #scss⁣ #html⁣ #code⁣ #coder⁣ #apple⁣ #laptop⁣ #coding⁣ #frontend⁣ #codinglife⁣ #macbook⁣ #siliconvalley⁣ #programmer⁣ #development⁣ #programming (at Nagpur, Maharashtra, India) https://www.instagram.com/p/B3VJzjHH2jE/?igshid=1amoehwlfrr76

[onclickonload]

5 Interesting Uses of JavaScript Destructuring

A list of interesting and helpful applications of destructing assignments in JavaScript.

[hugomn]

var, let or const?

One (or two) of the most important features that came with ES2015 (ES6) was  the addition of let and const which can be used for variable declaration. But, the first question that you may have is: what makes them different from our old var? If you are still not clear about this, this article is for you.

Let's first review the most important points about var.

Var declarations

I'm assuming that we all know that var is used to assign some value to a variable that can be reused later. What is important to understand here is the scope where that value will be acessible.

Var scope

var are always globally,function/locally scopped. This means that any variable that is declared with var outside a function block is available for use in the whole window. var is function scoped when it is declared within a function. This means that it is available and can be accessed only within that function. Let's see one example:

function foo() { var x = 0; } console.log(x); // ReferenceError: x is not defined

Block scope

A block is chunk of code bounded by {}. A block lives in curly braces. Anything within curly braces is a block. var is not block-scoped, so for example:

var x = 0; function foo() { var x = 1; } console.log(x); // 1

x was still in the "global scope" within the if block. i's value was overwritten, which may have not been the intention.

Let declaration

let comes as an improvement for var declarations. It solves the above example, making the variable block-scoped. Just like var, a variable declared with let can be updated within its scope. Unlike var, a let variable cannot be re-declared within its scope.

This will work:

let hello = "Hi, friend!"; hello = "Hi, brother!";

This will return an error:

let hello = "Hi, friend!"; let hello = "Hi, brother!";

However, if the same variable is defined in different scopes, there will be no error:

let x = 0; if (true) { let x = 1; console.log(x); // 1 } console.log(x); // 0, no error

Const declaration

const declarations, as we can imagined, are used to declare constant values. Like let, const declarations are block-scoped.

Rule of thumb: const declarations can never be re-declared or re-assigned. So, both snippets below fail:

const hello = "Hi, friend!"; hello = "Hi, brother!"; // error : Assignment to constant variable.

const hello = "Hi, friend!"; const hello = "Hi, brother!"; // error : Identifier 'hello' has already been declared

I hope these really important ES6 additions is a little bit clearer now. I will discuss var, let and const hoisting in a future post. 🤟