cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Posts tagged es6

ES6 Arrow Functions & this

Working with an incredible team amidst the thunder, rain and humidity of a Tennessee summer, I have the distinct pleasure of writing a javascript application using ES6 Harmony — the next version of...

XRegExp and ES6

No backslash escaping, no string concatenation, no more pain!

  var parts = '/2015/09/xregexp.html'.match(XRegExp.rx` ^ # match at start of string only / (?<year> [^/]+ ) # capture top...

Fat Arrow Binding in ES2015

TLDR; Use ES5 functions instead when extending prototype objects

Yesterday I was playing around with ES2015 and trying out the new features. Working at Experience, I'm used to beautiful code...

How I Modularize JS patterns using Browserify and Vue.js

I've been working on an effective way to streamline the way an application registers modules. All you really need is a few lines of code to create a simple module detector!

  This is the structure...

Getting touchy with the web

Solving touch interactions and gestures on the web with ZingTouch

Webpages in 2016 have evolved into robust applications. From social media outlets like Facebook, to software such as Google Docs,...

Protected class properties with ES6

Abstract

In this post I'll show how I managed to solve protected properties with ES6 that are on the other hand enumerable.

Intro

I've been using ES6 just recently and managed already to run...

ES6 sampler #1: (let & const)

javascript

Preface

I've been using es6 more and more these days, I am also about to jump into typescript, while it is an interesting time to be a developer, it is also a little challenging to be...

ES6 sampler #2: Fat Arrows

javascript

Preface

This is the second in a series of posts where I explore all the new stuff es6 has to offer, come along and learn vicariously!

Pssst... You might also want to check the first one in...

ES6 Sampler #3 Classes

javascript

Preface

This is the third in a series of posts where I explore all the new stuff es6 has to offer, come along and learn about classes.

Pssst... You might also want to check the first 2 in...

ES6: All Hail, Template Literals

ES6: All Hail, Template Literals

By Wayne Dunkley (Front-end Developer)

One of my favourite additions to ES6 is Template Literals, or Template Stringsas they were previous known. We all know how...

ES6 Sampler #4 Spread...

javascript

Preface

Pssst... Previous ES6 Samplers

ES6 Sampler #1: (Let & Const)

ES6 Sampler #2: Fat Arrows

ES6 Sampler #3: Classes

Note - Challenges: I gave myself little challenges you are welcome...

D3 Workshop and Resources

Here's a collection of projects that we'll be working with during the D3 workshop.

http://codepen.io/collection/DyJzWy/#

The goal is to introduce you to D3: a powerful JavaScript library for...

ES6 Sampler #5 Promises (were made)

javascript

Preface

ES6 brings a new way of handling event flow with the new promise object, this seems to be a huge addition to Javascript since it involves new ways of doing asynchronous...

ES6 Sampler #6 Odds & Ends

javascript

Preface

There is a huge list of new stuff ES6 brings to the table, I've tried to cover a few of the most relevant things, but there are a ton of other new things, we'll try...

React patterns: Stateless function

Stateless function is pure function without state and ref, takes props and context and spits out HTML.

Pure function:

const List = (children) => (

{children}

);

Define react component:

class List...

React patterns: JSX Spread attributes

LINK

The object properties are copied to the properties of the component.

var props = {}; props.foo = x; props.bar = y; var component = ;

The following attributes will overwrite the previous

var oldObj...

How's your ES6?

Learn enough to get by with this interactive cheatsheet.

Oh man, I love JavaScript, but you show me this stuff and it just doesn't look like anything I'm used to.Robert Crocker, d3 meetup...

ES2015: Let

In this series I cover the new features introduced with EcmaScript 2015 (sometimes referred to as ES6).

Let's be friends

Let is a new way of declaring a variable, it has an important difference...

ES2015: Const

In this series I cover the new features introduced with EcmaScript 2015 (sometimes referred to as ES6).

Don't try to change me, baby

Constants are a new tool for storing data, much like...

ES2015: Arrow Functions

In this series I cover the new features introduced with EcmaScript 2015 (sometimes referred to as ES6).

Get to the point

ES2015 offers a new way to write the humble function. Let's remind...

ES2015: Extended Object Literals

In this series I cover the new features introduced with EcmaScript 2015 (sometimes referred to as ES6).

Syntax shortcuts

Object literals enjoy some extra features in the age of ES2015. Let's...

ES2015: Promises

In this series I cover the new features introduced with EcmaScript 2015 (sometimes referred to as ES6).

Asynchronously awesome

Promises are now natively supported in JavaScript. A promise is an...

Unique Arrays in ES2015

This past weekend, I was working on a little project while evaluating Vue.js and I came across a common problem that all of us end up having to deal with sooner or later, regardless of what...

Build & Deploy React JS Movie Info app part -1

Disclaimer: In this blog post we will not talk about what is react & why should we use it because there are lot of resources out there.

I have a video also for this blog post you can have a...

Mapping Values on an Object in ES2015

ES2015 has a new prototype function on Array called map which iterates over all the values of an array and applies a closure. Some languages call this collect.

Wouldn't it be great to do this...

ES6 : Declaring Variables using "const" keyword

A constant is a variable that cannot be changed and re-declared. Constants are block-scoped, much like variables defined using the let statement. A constant variable is denoted by const keyword. If...

ES6 : Declaring Variables using "let" keyboard

In JavaScript, with the let statement, we can declare variables that are limited in scope to the block, statement, or expression on which it is used.

let works very much like var. The main...

ES6 : Template literals

Template literals provide us with an alternative to string concatenation. They are enclosed by the back-tick (` `). You can use multi-line strings and string interpolation features with them.

  //...

ES6 : Default Parameters

In ES6, we can declare default values for function arguments. If a value is not provided for the argument or provided with undefined, the default value will be used.

  function multiply(a=10, b=4) {...

JS Notes

Get things

Get elements, properties or values from objects then assign them or change them.

Target DOM

Get an element

document.querySelector('.class');

Get all elements with this (returns...