DEV Community

Maggie Appleton for egghead.io

Posted on • Updated 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.

Discussion (9)

Collapse
marln94 profile image
marln94 • Edited on

This is great! What a beautiful way to talk about these concepts.
Thanks πŸ‘

Collapse
rikenshah profile image
Riken Shah

Great work manπŸ‘πŸ‘

Collapse
rajukris320 profile image
rajukris320

Thanks for your time giving back to the community

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 Author

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 Author

Thanks!

Collapse
4rontender profile image
Rinat Valiullov

Amazing illustrations, Maggie. Thanks!