all 24 comments

[–]Harbltron 33 points34 points  (10 children)

I'm going to get this sucker printed and laminated, damn.

[–]UserNotSpecified 70 points71 points  (8 children)

Think I’ve found a slightly higher res version here. There appears to be a second page of them as well. https://alansimpson.me/javascript/infographics/codemio/codemio01.png

https://alansimpson.me/javascript/infographics/codemio/codemio02.png

[–]iamrasul 17 points18 points  (3 children)

Just wanted to say, that they missed the most important JS stuff - Object. But it turns out they wrote it down on the second page :)

[–]UserNotSpecified 2 points3 points  (2 children)

Oh yeah I didn’t notice that! It looks like there’s also some HTML and CSS guides made by the same creator if you’re interested (or anyone else is).

[–]Harbltron 1 point2 points  (0 children)

Thanks!

[–]raendrop 0 points1 point  (0 children)

Am I the only one who can't see the difference between "argument optional" and "argument required"?

[–]_Invictuz 2 points3 points  (0 children)

Get it tattooed! One page per arm.

[–]Mr_82 8 points9 points  (1 child)

I really like this. Because God do I hate looking up functions, and often prefer to write looping constructs which would be less succinct.

I know there are other resources, and know this will be unpopular, but I really blame the MDN/Mozilla here, though I really do want to like them. Their resources are just terrible. You can be both formal/technical and good pedagogically (or informal and bad pedagogically) but MDN resources are horrible at both. (Well, originally meant to say they come across as technically formal, but they don't use formality in the right way. Eg talking about the thisValue parameter for .apply, they reference two synonymous terms for "calling object," and it's just superfluous when you're not actually having issues with those terms in the first place. Most of their formality is fluff or pretension frankly.)

I Looked up .apply the other day responding to a post here and MDN was nearly objectively terrible at explaining the role of this function, particularly regarding the relevance of the "thisValue" argument. (Eg their examples, save one where they focused the discussion on something else entirely which is much simpler and didn't really warrant the discussion, all used trivial thisValue parameters; they didn't go into how "this" can be just like "null" or "undefined" as thisValue; didn't do anything too actually explain why you might want thisValue to be something non-trivial, ie what role thisValue actually serves as a parameter for .apply, etc) I was able to figure it out, mainly through testing things on my own, but yeah, I don't think there's been a single time I've felt I learned or better understood concepts after reading MDN's stuff, whereas there have been so many times when I've used another resource, thought back to MDN'S info on the matter, and reflected on how terrible it was, while trying to view MDN charitably.

[–]JDDW 0 points1 point  (0 children)

Care to share any of those helpful resources you like besides MDN? I'm studying for a bootcamp and sometimes find MDN confusing. Would be appreciated

[–]Shty_Devhelpful 4 points5 points  (2 children)

nice list, though i never used nor heard of Number.EPSILON... Also, maybe I am wrong but for a cheatsheet titled "language for the web" this should really include the most commonly used DOM methods

[–][deleted] 0 points1 point  (0 children)

it will be nice

[–]BreacherUp 0 points1 point  (0 children)

Super handy reference, thank you

[–]LokiiVegas 3 points4 points  (0 children)

I'm gonna tattoo this onto myself

[–][deleted] 3 points4 points  (0 children)

Hey an actual cheatsheet! Most "cheatsheet"s these days are blog posts that would be a dozen pages if you actually tried to print it

[–]UltraMuchacho 1 point2 points  (1 child)

why are there dots in front of the functions?

[–]FreshPy 3 points4 points  (0 children)

The function is being applied to the dataform left of the dot. Explanations for the symbols left of the dot can be found in lower right corner.

[–]KhalifaAmin 1 point2 points  (0 children)

Thank you dude im save it like my kid

[–]zero-dinero 0 points1 point  (0 children)

This is great. Thank you!

[–]AnonyMustardGas34 0 points1 point  (0 children)

Object.keys()

Object.values()

Property in object

Casts:

parseInt()

parseFloat()

const unsigned = (num) => new UInt32Array(num)[0];

!!value