Live data from Hacker News

Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

github.com

31–40 of 113 posts

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#31
post #16

I just got home from teaching JavaScript to a room full of people who've never written a line of code in their life. This book is missing something critical that most intros to JavaScript overlook: How does the student set up the plumbing and run their code? It's amazing how much of a hump this is for many trying to get started. It also amazes me how oblivious most of us programmers are to it. "Just open Chrome Dev T…

I came here to write this exactly. This looks like a nice resource, the tone is friendly and inviting and the topics are introduced at a nice pace. Then I thought about my cousin who I've been trying to teach to program a bit. She's interested and she's smart, she understands how things work at a conceptual level and she can design an algorithm. But if I just give her some JS and ask her to run it she'll stare blankl…

> But if I just give her some JS and ask her to run it she'll stare blankly right back at me.

Exactly. I know how to program, if programming means designing an algorithm to achieve a task and returning the result...but even though I'm most of the way through my CS program, I don't know how to do a lot of the stuff necessary to make that program useful in the real world. I know I'm missing that and I'm learning on my own, but I'm really bothered there hasn't been much emphasis so far on how to deploy the program in a real-world environment and integrate it with an ecosystem of programs, such that laypeople can use it. Algorithms and programming are only a small piece of the puzzle, and a lot of people won't have senior developers to guide them.

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#32

Earlier quoted context omitted.

Not all browsers support ES2015 so knowing ES5 first is helpful.

Except on almost any serious project you should be using a transpiler anyways.

transpiler?

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#33
post #21

I just got home from teaching JavaScript to a room full of people who've never written a line of code in their life. This book is missing something critical that most intros to JavaScript overlook: How does the student set up the plumbing and run their code? It's amazing how much of a hump this is for many trying to get started. It also amazes me how oblivious most of us programmers are to it. "Just open Chrome Dev T…

> "Just open Chrome Dev Tools" or "put this in a file and run Node" are really strange computer tasks to someone who has never typed and executed code. While not a perfect answer to the issue, I often tend to wonder whether or not we lost something in the transition from traditional microcomputers (Apple IIe, Commodore, TRS-80, etc) to the PC era...? Actually, even in the early PC era, the PC booted to ROM BASIC; thi…

PC only booted into ROM BASIC if it couldn't find a floppy (or, later, hard drive) to boot from. Which was not usually the case, so most users wouldn't be familiar with ROM BASIC even when it was there.

The command prompt, I think, is still essentially programming - you issue commands, they take parameters and produce results. Batch files / shell scripts are outright programs, and any moderately advanced DOS user would have to deal with them.

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#35

Earlier quoted context omitted.

Except on almost any serious project you should be using a transpiler anyways.

transpiler?

It converts your ES6 code into Javascript that can run on all browsers. It's how you can get advanced Javascript features before the browsers fully implement them. Look up Babel.

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#36

Earlier quoted context omitted.

Not all browsers support ES2015 so knowing ES5 first is helpful.

Except on almost any serious project you should be using a transpiler anyways.

Agreed, but I find it helpful to understand the transpiled code. The "clean" ES5 output was a large reason for using TypeScript https://blog.asana.com/2014/11/asana-switching-typescript/

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#38

I just got home from teaching JavaScript to a room full of people who've never written a line of code in their life. This book is missing something critical that most intros to JavaScript overlook: How does the student set up the plumbing and run their code? It's amazing how much of a hump this is for many trying to get started. It also amazes me how oblivious most of us programmers are to it. "Just open Chrome Dev T…

You could start with, "type 'javascript:alert(2+2);'" in your address bar

Works in Firefox, not in Chrome (at least on MacOS).

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#39
post #38

Earlier quoted context omitted.

You could start with, "type 'javascript:alert(2+2);'" in your address bar

Works in Firefox, not in Chrome (at least on MacOS).

Doesn't work in Chrome (edit: or Firefox for that matter) for Windows either... that's a shame. Abusing javascript: is a really useful trick for lots of little hacks.

Re: Show HN: The JavaScript Way, a book for learning modern JavaScript from scratch

#40
post #7

I just got home from teaching JavaScript to a room full of people who've never written a line of code in their life. This book is missing something critical that most intros to JavaScript overlook: How does the student set up the plumbing and run their code? It's amazing how much of a hump this is for many trying to get started. It also amazes me how oblivious most of us programmers are to it. "Just open Chrome Dev T…

Which method (Chrome Dev Tools, Node, etc.) did you teach to your students? Any other online resources you recommend?

Both. Node and chrome dev tools. Mostly VS Code plus some plugins plus node. Easiest way to give them a working, comprehendable and debuggae stack.
Post reply on HN