r/learnjavascript • • Mar 29 '22

Javascript Cheatsheet for US Newbies

Post image
296 Upvotes

39 comments sorted by

41

u/33498fff Mar 29 '22

Cheat sheets need to be written by experienced devs for newbies, not by newbies for newbies.

Other than being wrong about arrow functions, there's the matter of logical order, like data types should be handled prior to bindings (which is the term you should have used instead of "variables", as some bindings are constant, plus you completely ignore "var", which is still hugely important to know about and a frequently asked question in interviews) etc.

Finally, why the font and why the white background. Don't you know anything that isn't dark mode hurts my eyes?

4

u/delventhalz Mar 29 '22

Cheat sheets need to be written by experienced devs for newbies, not by newbies for newbies.

I don’t entirely agree. Cheat sheets should be shared from experienced devs to newbies, but the process of creating your own cheat sheet is super helpful for teaching yourself. I applaud OP for putting the effort in.

But other newbies probably shouldn’t use it.

1

u/The_All-Father3 Mar 29 '22

Honestly agree with this more. If you want to look at a cheatsheet written by someone else then use one made by an experienced dev. Though for practice I recommend making your own as well. It will help you learn a whole lot more as you will actually have to understand it if you re-word it and give your own example. Recommend if you want to have clean notes use something like cherry tree so you can be organized as well as include note samples.

53

u/[deleted] Mar 29 '22

Spelling errors everywhere and completely wrong about arrow functions

11

u/Untgradd Mar 29 '22

Yes they’re not just syntactically different. Do some research on this OP

2

u/Fid_Kiddler69 Mar 29 '22

Do you mean to say that assinged and case-senetive aren't actual words?

13

u/lesswithmore Mar 29 '22

This may be the worst flowchart I've ever seen

12

u/Merry-Lane Mar 29 '22

You misspelt a lot and these infos make little sense whatsoever the perspective it was done for.

You even misspelt in your title. “For” => “by”

6

u/amejin Mar 29 '22

Alas - no helpful clarification of the prototype chain

10

u/coccidiosis Mar 29 '22

Not bad, but no map, forEach, reduce, and nothing about objects. One might argue that reduce, etc., aren't fundamental, but objects sure are.

5

u/itxyz Mar 29 '22

That cheatsheet is fn terrible.

7

u/queen-adreena Mar 29 '22

Arrow functions are not "just syntax", and why the fuck are they being declared with let?

3

u/Additional_Nebula_80 Mar 29 '22

Remove from functions and down. And not bad. Need to recheck the function part, you have lot of misunderstanding. But no worries ' nobody knows JS' 😅 PS recommend to read ' You Don't Know JS Yet' book series. Good explanation there

3

u/[deleted] Mar 29 '22

Who has another cheat sheet?

4

u/Genie-Us Mar 29 '22

Not a bad start, but fix what's been pointed out by others here and maybe add some colour ;)

Another I didn't see mentioned below. "starts with let and assigned with *" I'm not sure if that's an asterisk or what you're saying there. Also not all variables start with "let".

https://www.w3schools.com/js/js_variables.asp

3

u/SconiGrower Mar 29 '22

This font is terrible. If you really zoom in, that asterisk is revealed to actually be =. I was really confused reading the comparisons section because of this.

2

u/thelastlogin Mar 30 '22

Why are you using the bitwise versions of and and or wtf

2

u/haikusbot Mar 30 '22

Why are you using

The bitwise versions of and

And or wtf

- thelastlogin


I detect haikus. And sometimes, successfully. Learn more about me.

Opt out of replies: "haikusbot opt out" | Delete my comment: "haikusbot delete"

2

u/[deleted] Mar 30 '22

And not! This is what stood out to me. Not useful.

2

u/Dangus77 Mar 29 '22

Does anyone have any more of these they can recommend? Or perhaps a collection of them

3

u/Fid_Kiddler69 Mar 29 '22

don't use this chart for reference. It's terrible, as the majority of other comments here suggest.

1

u/barrel_of_noodles Mar 29 '22

good gravvvy, please NEVER use comic fonts. (particularly on flowcharts). I'm going bleach my eyes now.

1

u/MyFeetOwnMySoul Mar 29 '22

I thought this was on r/programmerhumor... After a minute of looking for the joke, I was starting to get worried...

1

u/burnblue Mar 29 '22

I got real far without seeing console.log, even to alert/prompt/confirm with no console.log, and these were put before any discussion of functions.

At this point I'd already by confused by why "use strict" is a fundamental I have to do, and what is this "const" I keep seeing in tutorials but not here.

1

u/aiiqi Mar 30 '22

Arrow functions aren’t just syntax. They’re useful as they don’t create their own context and so the ‘this’ keyword relates to the parent scope.

Especially useful in things like event listeners where you want to access ‘this’ from the parent and not the inner function.

0

u/Dexty10 Mar 29 '22

learned a thing or two form this.

11

u/ApatheticWithoutTheA Mar 29 '22

Don't lol things are fucked up on this.

6

u/Fid_Kiddler69 Mar 29 '22

This is a terrible chart, please research things you read on it before you commit them to memory. Some are inaccurate, other pieces of info are completely wrong

-6

u/scrappy0705 Mar 29 '22

I didn't Create this, I found it on the Web and thought I might share this with my fellow Web Devs.

3

u/Fid_Kiddler69 Mar 29 '22

by referring to them as 'US newbies', because country is somehow linked to this.

-4

u/scrappy0705 Mar 29 '22

bro it's Us not The United States

6

u/[deleted] Mar 29 '22

That’s not what you wrote

1

u/scrappy0705 Mar 29 '22

it was a mistake! sorry.

0

u/[deleted] Mar 29 '22

[deleted]

6

u/pk023029 Mar 29 '22

What about for IN newbies?

0

u/Tintin_Quarentino Mar 29 '22

And how about US&A newbies?

1

u/wheezymustafa Mar 29 '22

Would it then be noubies?