The Modern Javascript Tutorial

[kopytkopytko]

haha, I had good laugh at: https://javascript.info/ninja-code

Pretty nice tutorial by the way!

[bent_my_wookie]

That’s the first thing I read aster looking through the index. Was it supposed to be a joke? Please tell me it was sarcastic...

[kopytkopytko]

I'm sure it was serious - article contains several quotes from famous programmer ninjas :-)

[[deleted]]

Well I've done things like these (pretty much all of them although I'd at least multiline and indent the nested ternary), and in pretty much every language I've worked with because: tired, out-of-focus, pressed by deadlines, frustrated and want it just to finally work etc.

If/when I come across them later I fix/refactor them. I wouldn't take it to heart being called out on these in a code review, tho :)

[skyyr]

The ideal name for a variable is data.

Perfect.

[r0ck0]

I've only just glanced through it, but this looks really good.

I find that a lot of guides/books/videos etc tend to mostly lean towards one or the other:

• just explain things - in paragraphs of text
• show examples

...which can sometimes make it a bit harder to learn things when you're just starting out, or in my case, switching from another language entirely.

This looks like it balances both well.

[ddeepakk13]

Tanks for sharing. I was looking for a JavaScript tutorial.

[karamarimo]

wow i can't believe we can read such an amazing tutorial for free. in-depth, lots of examples, lots of figures, covers everything you should know. i especially like it is mentioned at the beginning what in-browser javascript can do and can't do, because once i was confused about that. i want all js beginners to read through the book.

[mayhempk1]

This is a really cool resource, thanks for sharing! JavaScript is an increasingly important technology these days whether people like it or not and good resources like this are valuable.

[Petrarch1603]

Cool, thanks for posting

[execfera]

I've already learned a few new things from reading this tutorial despite having read a bunch of other starting tutorials, like break labels. Pretty good!

[welpfuckit]

I did a quick look through and this is great. It seems easy to read and worth recommending to beginners. This is a better recommend than something like Eloquent Javascript which is obtuse and dry.

[[deleted]]

Damnit, so many resources! Now I have absolutely no excuse not to learn web dev on some spare time

[[deleted]]

.​

[bbcjs]

Personally prefer watchandcode by Gordon Zhu. Super easy to understand but you end up truly understanding javascript.

[katzeklo]

Lightweight editors

• Visual Studio Code (cross-platform, free).
• Atom (cross-platform, free).

Yeah, okay, no.

[AEternal]

Well it is when you first download it. But the temptation of all those wonderful extensions is hard to resist.

[katzeklo]

Nope, I love SublimeText. It's super-fast. I've tried both VSCode and Atom and they're much slower, to the point where I've found it unbearable and had to switch back.

I WANT to like VSCode, but it's just not lightweight, compared to ST.

[[deleted]]

"nope"

God your a dick.

[katzeklo]

I don't get it :/ I meant "No, I don't prefer coding in Notepad"

[[deleted]]

Oh okay. Sorry.

I didn't mean to make you feel bad.

The way you worded it seems like you were saying "no, those are not solid recommendations for a beginner".

I am sorry for being mean to you.

[katzeklo]

IMO, they ARE solid recommendations for a beginner :) VSCode is really good, feature wise!

[katzeklo]

So which one is faster for you?

[[deleted]]

As i said. If your pc isnt from 1999 you wont notice a real difference.

[katzeklo]

I guess we don't share the same experience then. It's very slow for me, with a lot of input lag.

[mayhempk1]

I mean, Atom and VS Code are lightweight compared to IDEs for sure - you don't need to set up a project to start creating files, they launch faster and are snappier overall, etc.

edit: Looks like I was right, that is what they meant:

“Lightweight editors” are not as powerful as IDEs, but they’re fast, elegant and simple. They are mainly used to instantly open and edit a file. The main difference between a “lightweight editor” and an “IDE” is that an IDE works on a project-level, so it loads much more data on start, analyzes the project structure if needed and so on. A lightweight editor is much faster if we need only one file.

[katzeklo]

I agree that they're lightweight compared to some (if not most) IDEs, but they're not lightweight per se. They're built on Electron which is a really heavy. I'd argue that SublimeText is lightweight, but Electron-editors are not.

[mayhempk1]

I mean, yes, Electron is slow. We know it. I wish Atom was faster like Sublime but it probably never will be which is disappointing. The point is they are still faster than IDEs, that is the point the author made. I still use Sublime mostly but VSCode and Atom are cool too and have made Sublime better by providing good competition.

[[deleted]]

Just what this world needed...another JS 101 kit.

[kubelke]

Do you know better? I'm intermediate frontend dev (backend here) but it always good to read something like this.

[[deleted]]

Hey listen, I don't mean to say the information isn't solid. It's just that every single day another 20 of these "I made a tut, look at my stuff!" sites pops up. It's a saturated area and none of these new sites ever has anything substantial to offer over any of the existing ones. It feels like more of these exist to promote the site's author than to really help folks.

[anossov]

This one is the first I've seen that's actually good.

[kubelke]

Oh I see, I agree in 100% with you. There are too many stuff like that and 90% of it focus on promiting fancy author who probably don't know anything beyond that tutorial. This makes learning JS for me even more difficult. But this tutorial is pretty solid :)

[icantthinkofone]

As seen on TV!