JavaScript for Impatient Devs

JavaScript is the most-used language when it comes to modern web frontends. It's actually a really simple language, but it can seem like there's a lot going on! This video will prove that you can learn JavaScript... blazingly fast.
Resources:
JavaScript reference: developer.mozilla.org/en-US/d...
NodeJS: nodejs.org
Deno: deno.com
Bun: bun.sh
__________________________________________
Check out my other socials!
🎮 Discord ▶ discordapp.com/invite/bWrctJ7
🐦 Twitter ▶ / isaacharrisholt
🖥️ Portfolio ▶ ihh.dev
📝 Blog ▶ isaacharrisholt.com
__________________________________________
Timestamps:
00:00 - Intro to JavaScript
00:14 - Installation and setup
00:48 - Variables and data types
01:54 - Objects
02:18 - Arrays
02:38 - Operators
03:43 - Control flow
04:21 - Functions
05:21 - Classes
05:45 - JSON
05:57 - Printing
06:10 - Error handling
06:25 - Packages
06:56 - Async
#javascript #softwareengineer

[@ts8960]

thx i needed a recap of javascript after taking a year break from work, this vid came in clutch

[@IsaacHarrisHolt]

Awesome! Best of luck with your return to the job :)

[@avgvstvs96]

These videos are so good, please never stop!

[@IsaacHarrisHolt]

I hope you found it helpful!

[@bawbbie7875]

Subscribed. Great stuff, looking to see more

[@IsaacHarrisHolt]

Thanks! Let me know what you'd like to see next :)

[@steadyfall]

as someone who hates js, this video made me understand js better than any video out there. ❤

[@IsaacHarrisHolt]

Thank you! And yeah, I recommend TS if you need either

[@pdcx]

should also mention tc39 and ecmascript's evolution each year to add some new stuffs...

[@IsaacHarrisHolt]

Good point! It can get a bit much, sometimes 😅

[@GoldenBeholden]

This is a nice introduction and refresher for modern JavaScript; I actually thought undefined?.property was not a native JavaScript operation, but it turns out I just never used it before moving to TypeScript. One note about named anonymous functions: they do have completely pragmatic uses due to their more sensible implementation of the `this` keyword, similar to how `let` and `const` are more sensible implementations of `var`.

[@IsaacHarrisHolt]

Interesting! Could you explain the difference in the `this` keyword implementation? Ideally with an example

[@GoldenBeholden]

@@IsaacHarrisHolt In an arrow notation function, `this` is staticly assigned during definition. You can test this by moving the definition to a different scope.
Traditional functions - which can also be anonymous, hence my usage of "arrow notation", breaking from the nomenclature of your video - dynamically assign a value to `this` based on how the function is called. In most cases, this will be the object calling the function, but it can also be the element to which it is attached or the corresponding instance when used as a method (which may still be "the object calling the function" under the hood; I'm not sure how that's implemented).
Both have their uses, but you will run into seemingly impossible bugs if you don't know it's more than just a shortened syntax.
While I think it goes beyond the scope of an overview such as this, JavaScript as a language may seem nonsensical without historical context - new versions are not allowed to break compatibility with older websites, which is how you get triple vs double equals, template literals, var vs let (to do away with hoisting), and eventually type hints in comments.

[@IsaacHarrisHolt]

Interesting, that's good to know. Thanks!

[@spaceplex5079]

i was 7 hours into a 12 hour JS video before this was uploaded, crazy

[@IsaacHarrisHolt]

And was it as good 👀

[@spaceplex5079]

@@IsaacHarrisHolt so far yeah, just 2x on stuff that's familiar

[@FirroLP]

nvm is trash, n is way better

[@IsaacHarrisHolt]

Not heard of it! Can you tell me why it's better?