Illustrated Notes on Advanced JavaScript Fundamentals

Maggie Appleton - Nov 4 '20 - - Dev Community

AdvJS_Devto_1

Being humans, we rarely learn things linearly.

No one begins their JavaScript journey by reading the TC39 language specification line-by-line like a pedantic masochist.

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

If you're like me, you might have been stumbling through your JavaScript journey without 100% grokking prototypical inheritance, or how call, apply, and bind work on functions.

It's fine. Stuff mostly works.

Until it doesn't ¯_(ツ)_/¯

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

I found Tyler Clark's egghead course on Advanced JavaScript Foundations was the perfect opportunity to strengthen my JS foundations.

Course illustration for advanced js foundations

While working through the course, I illustrated a set of notes to help me understand and remember all the concepts.


Primitive Types & Autoboxing

AdvJS_Devto_2

AdvJS_Devto_3


Prototypical Inheritence

AdvJS_Devto_4

AdvJS_Devto_5


The New Keyword

AdvJS_Devto_6


The .this keyword

AdvJS_Devto_7

AdvJS_Devto_8

AdvJS_Devto_9


These illustrations aren't perfectly designed to explain the concepts they're about, and instead work as shorthand notes for me.

Take a look at Tyler's course if you want to dig into the concepts more.

. . . . . . . . . . . . . . . . . . .
Terabox Video Player