
<BasicImage
  width="700px"
  src="https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,w_700/v1580828081/maggieappleton.com/egghead-course-notes/advancedjs-notes/AdvancedJS_1_2x.png"
  alt="Advanced JavaScript Fundamentals"
/>

<IntroParagraph>

Being humans, we rarely learn things linearly. No one begins their JavaScript journey by reading [the TC39 language specification](https://www.ecma-international.org/ecma-262/5.1/) line-by-line like a pedantic masochist.

</IntroParagraph>

```js
let banana = "banana";
let apple = "apple";

console.log(banana);
console.log(apple);
```

Instead we all cobble together a good-enough understanding, leaving holes here and there to fill in later.

So far I've stumbled along without 100% grokking prototypical inheritance, or how `call, apply,` and `bind` work on functions.

It's fine. Stuff mostly works. Until it doesn't ¯\_(ツ)\_/¯

But at some point, it's useful to stop stumbling about and peek back at those holes.

<ImageLink href="https://egghead.io/courses/advanced-javascript-foundations">
  <ImageFrame
    alt="Course illustration of a building with a bright yellow foundation floor for advanced javascript foundations"
    src="https://og-image-egghead-course.now.sh/advanced-javascript-foundations"
  />
</ImageLink>

[Tyler Clark](https://twitter.com/iamtylerwclark)'s egghead course on [Advanced JavaScript Foundations](https://egghead.io/courses/advanced-javascript-foundations) that was exactly that hole-filling opportunity for me.

As usual, I drew some notes...

<BasicImage
  width="900px"
  src="https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,f_auto,q_auto:good,w_1200/v1580828081/maggieappleton.com/egghead-course-notes/advancedjs-notes/AdvancedJS_2_2x.png"
  alt="Advanced JavaScript foundations"
/>

<BasicImage
  width="900px"
  src="https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,f_auto,q_auto:good,w_1200/v1580828082/maggieappleton.com/egghead-course-notes/advancedjs-notes/AdvancedJS_3_2x.png"
  alt="Advanced JavaScript foundations"
/>

<BasicImage
  width="900px"
  src="https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,f_auto,q_auto:good,w_1200/v1580828081/maggieappleton.com/egghead-course-notes/advancedjs-notes/AdvancedJS_4_2x.png"
  alt="Advanced JavaScript foundations"
/>

<BasicImage
  width="900px"
  src="https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,f_auto,q_auto:good,w_1200/v1580828081/maggieappleton.com/egghead-course-notes/advancedjs-notes/AdvancedJS_5.png"
  alt="Advanced JavaScript foundations"
/>

### Want more illustrated notes on web development?

Take a look at [[JavaScript's ...spread Operator]], [[Building Custom React Hooks]] or [[Fixing Common Git Mistakes]]


Illustrated notes on advanced but fundamental topics in JavaScript

Notes

Loose, unopinionated notes on things I don’t entirely understand yet.

JavaScript Bits You Skipped the First Time Around