DEV Community

Maggie Appleton for egghead.io

Posted on • Edited on

Illustrated Notes on Advanced JavaScript Fundamentals

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.

Top comments (9)

Collapse
 
marln94 profile image
marln94 • Edited

This is great! What a beautiful way to talk about these concepts.
Thanks 👍

Collapse
 
rajukris320 profile image
rajukris320

Thanks for your time giving back to the community

Collapse
 
rikenshah profile image
Riken Shah

Great work man👍👍

Collapse
 
codenutt profile image
Jared

TIL the term "auto boxing". Top tier post with fantastic illustrations. Bravo!

Collapse
 
abhimanyu profile image
Abhimanyu Singh Shekhawat

Loved the illustrations. May I know what tool did you use for the same?

Collapse
 
maggieappleton profile image
Maggie Appleton

Procreate on iPad :)

Collapse
 
lukethacoder profile image
Luke Secomb

Very useful when attempting to figure out these concepts 🔥

Love the illustration style too

Collapse
 
maggieappleton profile image
Maggie Appleton

Thanks!

Collapse
 
4rontender profile image
Rinat Valiullov

Amazing illustrations, Maggie. Thanks!