Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

ES6 for beginners, part 3

hackernoon.com

Post reply on HN
Print view View original

11–20 of 30 posts

Re: ES6 for beginners, part 3

#11

Post by Klathmon »

_sdegutis wrote: post #9
Klathmon wrote: post #7

Earlier quoted context omitted.

Don't forget PHP! Despite it's reputation, it's gotten quite a large speed boost, a lot of new features (like typing!), And a lot more! It's shooting to be what Java always felt like it should have been in my eyes.

I've looked into modern PHP for a new potential job, and it looks like it adopted a lot of Java features in the past few years. But one thing that really unsettles me is that anonymous functions need the `use` keyword to manually capture variables from lexical scope, which seems completely stupid and I don't know why they went that route instead of inferring this data from -- wait for it... -- lexical scope.

That one bothers me as well, and I'd be interested in the reasoning behind it (sadly I think it might have been added because of limitations with the 5.3-ish engine).

But while it still has it's warts, it's a refreshingly nice language to work in compared to many others, and I'm honestly a little sad I don't really use it any more at my job.

Re: ES6 for beginners, part 3

#12

Post by tutfbhuf »

smnrchrds wrote: post #8

I have kind of a tangential question. I have done back-end development, mostly with Python and Django. I know some basic HTML, CSS, and JavaScript but not much. A couple of years ago, when I started dabbling in web development, those were much smaller and less complex. You could go through a couple of resources (JavaScript: The Good Parts, jQuery documentations, etc.) and learn everything there was that you needed to…

Try to write a react app. Watch youtube tutorials and fork a react webpack starter kit on github, at least thats what i did.

Re: ES6 for beginners, part 3

#13

Post by sAbakumoff »

I recently started with Angular 4 and it seems to be the final point, the best front-end app framework the humanity ever created. Combining it with type script renders JS obsolete. I am ready to get all the downvotes you have, go ahead.

Re: ES6 for beginners, part 3

#14

Post by ChrisSD »

smnrchrds wrote: post #8

I have kind of a tangential question. I have done back-end development, mostly with Python and Django. I know some basic HTML, CSS, and JavaScript but not much. A couple of years ago, when I started dabbling in web development, those were much smaller and less complex. You could go through a couple of resources (JavaScript: The Good Parts, jQuery documentations, etc.) and learn everything there was that you needed to…

I'm not in a position to be able to recommend beginner tutorials as I've been following along for many years. However, the advice I'd give is to learn the following:

Firstly, make sure you're familiar with modern HTML and CSS. This is actually quite important even if you're concentrating on the JS side of things as they are closely related.

Secondly, React would be the big framework to learn. It's not too complex if you follow some examples.

I wouldn't worry too much about modern JS features to start with but if you do want to brush up then try: https://github.com/getify/You-Dont-Know-JS

Re: ES6 for beginners, part 3

#15

Post by parthdesai »

Klathmon wrote: post #10
k__ wrote: post #5

Earlier quoted context omitted.

Well, JavaScript slowed down after ES2015 too. On the other hand, the module system really takes time and async/await was one big step.

I disagree! After ES2015 includes: * Async/await * a bunch of destructuring with the rest and spread operators * More class "nice to haves" like static properties and possibly more soon * Async iteration * Shared memory and atomics (which I'm not all that happy about, but many people are) And going even further "in the future" it might have stuff like: * Decorators (of they can ever settle on it!) * Observables * Def…

IMO, async/await itself makes it worth upgrading to ES6. So much cleaner.

Re: ES6 for beginners, part 3

#16

Post by Klathmon »

parthdesai wrote: post #15
Klathmon wrote: post #10

Earlier quoted context omitted.

I disagree! After ES2015 includes: * Async/await * a bunch of destructuring with the rest and spread operators * More class "nice to haves" like static properties and possibly more soon * Async iteration * Shared memory and atomics (which I'm not all that happy about, but many people are) And going even further "in the future" it might have stuff like: * Decorators (of they can ever settle on it!) * Observables * Def…

IMO, async/await itself makes it worth upgrading to ES6. So much cleaner.

Agreed, but Async/await is ES2017!

Re: ES6 for beginners, part 3

#17

Post by Xyzodiac »

anon3433 wrote: post #3

Array.prototype.map()[1] has been in js since ES5. Likewise with filter[2] and reduce[3]... [1] http://es5.github.io/#x15.4.4.19 [2] http://es5.github.io/#x15.4.4.20 [3] http://es5.github.io/#x15.4.4.21

I found it confusing it was mentioned in this article because of this. I wonder if they just wanted to show off how elegant arrow functions are and used those as an example?

Re: ES6 for beginners, part 3

#19

Post by abritinthebay »

smnrchrds wrote: post #8

I have kind of a tangential question. I have done back-end development, mostly with Python and Django. I know some basic HTML, CSS, and JavaScript but not much. A couple of years ago, when I started dabbling in web development, those were much smaller and less complex. You could go through a couple of resources (JavaScript: The Good Parts, jQuery documentations, etc.) and learn everything there was that you needed to…

When you say "front end development", what exactly do you mean? Because that will strongly influence what you need to learn.

If you mean "JavaScript Programmer" then it'll be mostly JS focused, some tooling, some html and css but minor on those.

If you mean a true frontend dev then you'll need a LOT more on CSS (Flexbox, Grids, box model, etc) and a bunch of UI/UX/HCI type reading in addition to learning in depth modern HTML and CSS and Javascript.

If you mean "I want to learn HTML and CSS" then you'll just want the first half of the previous one.

So I'm curious as to what you're looking for. I'd be happy to recommend reading lists, tooling, etc. I've been doing frontend work for 20 years (and now also do a lot of JS on the server) so I've got a grounding in this!

Just let me know what you're looking to do and I'll help any way I can.

Re: ES6 for beginners, part 3

#20

Post by abritinthebay »

anon3433 wrote: post #3

Array.prototype.map()[1] has been in js since ES5. Likewise with filter[2] and reduce[3]... [1] http://es5.github.io/#x15.4.4.19 [2] http://es5.github.io/#x15.4.4.20 [3] http://es5.github.io/#x15.4.4.21

Yeah, it's strange - a lot of ES6/next tutorials seem to think that FP concepts in JS just showed up.

I don't get it.

Post reply on HN