Posts Tagged ‘ES6’

Template Literals – Let’s Learn ES6 Sample Chapter

September 3rd, 2016 No Comments

Introduced in ES6 is a new way in which we can create a string, and that is the Template Literal. With it comes new features that allow us more control over dynamic strings in our programs. Gone will be the days of long string concatenation!

To create a template literal, instead of ' or " quotes we use the ` character. This will produce a new string, and we can use it in any way we want.


let newString = `A string`;

(more…)

Introduction to Webpack!

July 20th, 2016 3 Comments

webpack-logo

Webpack is all the rage these days, but it seems like getting started with Webpack is kind of tough. Let’s take some time to walk through the fundamentals of Webpack and get started by using Webpack with babel to transpile our ES6 code.
(more…)

Let’s Learn ES6!

February 3rd, 2016 1 Comment

At the start of the year, I started a little web series called Let’s Learn ES6!.

RyanVideo_ES6_Title_02-compressor

Goal

The goal of Let’s Learn ES6 is to make learning the new features fun and accessible. ES6, or ES2015/ECMAScript2015 was approved in June 2015 and browser support for it is really coming along. As of writing this (Feb 2016) Chrome 50 has 91% support for ES6, even Edge 13 has 83% support!!

In this video series I want to break down the features in nice little chunks. Each week,on Wednesday, we will explore a new features. Hopefully making learning the new features fun and accessible.

At some point we will run out of ES6 features to take a look at, so ultimately I want Let’s Learn to be a broader series on learning new tech with the idea of small focuses lessons in mind!

You can find all the videos HERE! Hopefully you enjoy them!

Call and Apply for Beginners

September 30th, 2015 1 Comment

As you advance as a junior front-end developer you will see Javascript code that looks more and more like this.

 
$.when.apply(null, promiseArray)
 .then(function() {
    var data = arguments;
    ...
 });

(more…)

ES6/ES2015 Easy Wins

June 24th, 2015 3 Comments

js-logo

The newest iteration of the Javascript language is just around the corner. As of June 2015 the spec for ES6/ES2015 has been approved. Because of that there will be a lot of new features and syntax coming to a browser near you!

Lets break down some of the Easy Wins from the new version. When I say Easy Wins I mean things that do not require a large amount of research to start working with. For example we will not be talking about Generators or Spread Operators, I think those require a more in depth post.

Some of the things thing we will go over are:

  • let
  • const
  • Template Strings
  • Classes
  • Arrow Functions
  • Promises

(more…)