Thread by @Madisonkanna, If you're learning JavaScript, you've likely heard people tell you how important [...]

If you& #39;re learning JavaScript, you& #39;ve likely heard people tell you how important it is to learn the fundamentals.

But what are they? And where do you learn them?

Here& #39;s a list of JavaScript fundamentals and my favorite free resources for learning them.

https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">

Before listing resources to learn the fundamentals, I& #39;ll ask: what are they? I love this episode of Syntax by @wesbos and @stolinski where they go over what they believe the fundamentals are. I took each concept mentioned & added the best resource I& #39;ve found for learning it:

1. Variables + Scoping.

This is a fantastic article by @codebeast on variables followed by another lesson on scope. https://scotch.io/courses/10-need-to-know-javascript-concepts/declaring-javascript-variables-var-let-and-const">https://scotch.io/courses/1...

Declaring JavaScript Variables: var, let and const

Defining data and then manipulating that data has always been the basis of programming. What is programming without data? I assume you guessed "nothing." Data types are basically either Variables or...

https://scotch.io/courses/10-need-to-know-javascript-concepts/declaring-javascript-variables-var-let-and-const

2. Types.

Understanding data types by @taniarascia. One of my favorite JavaScript teachers for clear explanations of fundamentals. https://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript">https://www.digitalocean.com/community...

Understanding Data Types in JavaScript | DigitalOcean

In this tutorial, we will go over how data types work in JavaScript as well as the important data types native to the language.

https://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript

3. Objects, functions & arrays.

I love @holtbt& #39;s intro to web dev course on @FrontendMasters. I& #39;ve had so many beginners from @CodeBookClub tell me how valuable this course is when learning these fundamentals.

All the course content for free: https://btholt.github.io/intro-to-web-dev-v2/intro/">https://btholt.github.io/intro-to-...

4. The DOM!

What exactly is the DOM?! By @karaluton. Fun, well-written overview to get started. https://dev.to/karaluton/what-exactly-is-the-dom-jhg">https://dev.to/karaluton...

What exactly is the DOM?!

A simple description of the the document object modifier (the DOM) and what it does.

https://dev.to/karaluton/what-exactly-is-the-dom-jhg

5. Prototypes + this.

Beginner& #39;s guide to JavaScript prototypes by @tylermcginnis. Tyler is such a fantastic teacher and his courses have helped me so much. https://ui.dev/beginners-guide-to-javascript-prototype/">https://ui.dev/beginners...

A Beginner's Guide to JavaScript's Prototype - ui.dev

In this post you'll learn a variety of patterns for instantiating new objects in JavaScript and in doing so will gain a deep understanding of JavaScript's prototype.

https://ui.dev/beginners-guide-to-javascript-prototype/

6. Events.

"What the heck is the event loop anyway?" is a classic go-to for understanding events, and for good reason. By @philip_roberts. https://www.youtube.com/watch?v=8aGhZQkoFbQ">https://www.youtube.com/watch...

7. Flow control.

Excellent tutorials like this on for loops and others from @beaucarnes from his series, Beau teaches JavaScript. https://www.youtube.com/watch?v=24Wpg6njlYI">https://www.youtube.com/watch...

8. Security and Accessibility.

Loved this free @udacity course to get started. https://www.udacity.com/course/web-accessibility--ud891">https://www.udacity.com/course/we...

Web Accessibility

Get hands-on experience making web applications accessible. You’ll understand when and why users need accessibility, then you’ll dive into how to implement.

https://www.udacity.com/course/web-accessibility--ud891

9. Good to know: how to write clean code. Here& #39;s a link from the Syntax episode to a fantastic repo by @ryconoclast that covers clean code concepts adapted for JavaScript. https://github.com/ryanmcdermott/clean-code-javascript">https://github.com/ryanmcder...

ryanmcdermott/clean-code-javascript

:bathtub: Clean Code concepts adapted for JavaScript - ryanmcdermott/clean-code-javascript

https://github.com/ryanmcdermott/clean-code-javascript

10. Async JavaScript. Another epic tutorial by Tyler McGinnis. https://ui.dev/async-javascript-from-callbacks-to-promises-to-async-await/">https://ui.dev/async-jav...

Async JavaScript: From Callbacks, to Promises, to Async/Await - ui.dev

In this post you'll learn about the historical context as well as the pros and cons behind the three most popular JavaScript async patterns - Callbacks, Promises, and Async/Await.

https://ui.dev/async-javascript-from-callbacks-to-promises-to-async-await/

Other things good to know but don& #39;t need to necessarily master as a beginner: closures, Ajax requests, modules. To listen to the episode that inspired this thread: https://syntax.fm/show/162/the-fundamentals-js">https://syntax.fm/show/162/...

Latest Threads Unrolled: