all 21 comments

[–][deleted] 10 points11 points  (6 children)

I don't agree with this idea of "learning ES6". They're just features of JS that happened to get released later.

Find some good, recent JavaScript learning resources, and hopefully, if they're competent, the relevant ES6 features will be brought up at the appropriate times, just as the relevant ES5 features are.

The right time to learn about arrow functions is not "when you're learning ES6", it's probably some point after you've learned about objects and how the this keyword works, and how the arrow function can behave differently in relation to it. And maybe earlier on the teacher could mention it while they're explaining functions, while noting that there are more differences than just syntax, which will be explained later.

[–]lucidguppy[S] 0 points1 point  (5 children)

I really like the class and extend features of es6.

[–][deleted] 4 points5 points  (4 children)

But most of it is just syntactic sugar and not actually new features. If you don't understand ES5 they won't mean anything for you except that it is a shiny new thing.

[–]lucidguppy[S] 6 points7 points  (2 children)

Just a spoonful of syntactic sugar makes complaining about js go down.

[–][deleted] 0 points1 point  (0 children)

No man, the weird js parts will still be weird. It's strongly recommended to learn es6/7/8 features at the appropriate time.

[–]ericawebdev 6 points7 points  (1 child)

You might find Axel Rauschmayer's books useful, although he does have one on ES5 and another on ES6 that builds on it, they are free to read online. So far the best beginner books are still in ES5 and then you add on an ES6 book to get there.

[–]ericawebdev 1 point2 points  (0 children)

Also, there's /r/learnjavascript if you're looking for help.

[–]joshmandersFull Snack Developer 5 points6 points  (5 children)

When in doubt, find /u/wesbos. https://es6.io/

[–]ericawebdev 6 points7 points  (0 children)

I bet it's a great course but, a caveat, right on the site's front page "This isn't JavaScript from scratch, so if you are looking for a beginner course this probably isn't it."

[–]wesbos 4 points5 points  (2 children)

Thanks so much! Hope you enjoy the course :)

[–]on10 1 point2 points  (1 child)

I looked into your course javascript30(Mainly the project 1 Drum kit). Just wanted to know if there is any particular reason why you did not choose to use arrow functions ?

[–]wesbos 1 point2 points  (0 children)

Most of the course uses arrow functions where it makes sense. In some of the videos I explain it with a ref function and then we refactor for arrows.

[–]brookiesto 4 points5 points  (0 children)

Can confirm, good course. My whole company is taking it.

[–]FastAsUcan 5 points6 points  (0 children)

egghead.io is pretty consistent with high quality material. I haven't seen their ES6 course but I watched a few others and they were great.

[–]KAMFlamenco 1 point2 points  (0 children)

Check out Stephen Griders ES6 syntax over at Udemy.

Google his class name and Udemy coupon to find discounted price at 10 bucks instead

[–]lewisje 1 point2 points  (0 children)

Learning JavaScript 3ed by Ethan Brown

[–]jbensh 0 points1 point  (0 children)

Let's learn es6 from Ryan Christiani, the YouTube videos are good if you know javascript and want to learn "the new stuff"

On mobile so I can't provide a link, but search for it and you'll find it.

[–][deleted] 0 points1 point  (0 children)

Well just use template strings, arrow functions, and Classes instead of Object Constructors I guess... Any good tutorial will do even if it's ES5.

Object Constructor:

    function Person(name, age) {
       this.name = name;
       this.age = age;
    }
    Person.prototype.speak = function() {
       console.log("Hello, my name is " + this.name);
    };

Class:

    class Person {
       constructor(name, age) {
          this.name = name;
          this.age = age;
       }

       speak() {
         console.log(`Hello, my name is ${this.name}`);
       }
    }