JavaScript CheatSheet + Resources

Question

For anyone interested in expanding their Web Development skills, i highly recommend to bookmark the following page:

https://github.com/mbeaudru/modern-js-cheatsheet

excellent resource for those who wish to deepen their understanding of JavaScript

ES6 CheatSheet
https://devhints.io/es6
React CheatSheet
https://devhints.io/react

Node.JS Best Practices
https://github.com/i0natan/nodebestpractices

Guide for JS frameworks/libraries
https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/

Answer 1

Great resource, i'm a big fan of ES6 features (my browser isn't friendly like me)

Here another page i'm using to learn a bit more about this language: https://addyosmani.com/resources/essentialjsdesignpatterns/book/

Bookmarked, thank you!

Answer 2

Great stuff 🤗

Answer 3

added link to an extensive guide of JS framework/libraries

https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/

Answer 4

@Maz
just "a bit" as you said 😅😅

Answer 5

Regular expressions makes life easy, and used by both frontend developers(in validating forms) and backend (working with files, data streams etc) as well.

An awesome Beginners 16 vid tutorial series byThe Net Ninja
on RegEx
https://www.youtube.com/watch?v=r6I-Ahc0HB4&list=PL4cUxeGkcC9g6m_6Sld9Q4jzqdqHd2HiD

In the end you d know how to make a simple yet awesome form as well with client side validation.

https://regex101.com/ is a handy online tool to practice regular expressions with many languages including Javascript

Answer 6

As always useful information thanks @Burey.

Edit: Thanks to @Maz also

Answer 7

added node.js best practices link

Answer 8

found a good 10 min read on Inheritance, delegation patterns and object linking in JavaScript

“JavaScript — Inheritance, delegation patterns and Object linking” https://codeburst.io/javascript-inheritance-25fe61ab9f85

also this article on prototype property complements the above article on JS's Prototypal Inheritance
“JavaScript — Prototype” https://codeburst.io/javascript-prototype-cb29d82b8809

if above articles overwhelming then start from this first , then second one then first one
https://medium.com/@kevincennis/prototypal-inheritance-781bccc97edb

Answer 9

https://code.sololearn.com/WBHiShj1ublU/?ref=app
My humble request: Whenever you have a new resource please post it here...

Answer 10

not a learning resource but a good trick that might help in debugging at console in chrome Dev tools , we can use css in the js console for text formatting.

helps in pointing out major errors in console for big projects

sadly it won't work on SoloLearn's console, will have to try at chrome ,( press F12 for Dev tools)

https://code.sololearn.com/WAq5FFgJAJvC/?ref=app

Answer 11

Asynchronous JavaScript gives me hard times specially with the async flow control, we use it very often but not realising that it's an asynchronous non-blocking task like in AJAX requests, callback functions

Async flow control mechanisms explained with the async get requests in the below 3 variations awesomely

# Callback functions( ok)
# the new ES6 promises (better)
# new ES6 Generators (awesome, has play and pause like feature for functions too)

I ll highly suggest this short 5 video series by The Net Ninja on YouTube, as understanding this helps to clear path for many other things.
https://www.youtube.com/watch?v=YxWMxJONp7E&list=PL4cUxeGkcC9jAhrjtZ9U93UMIhnCc44MH

I ll also suggest his other videos too if ur interseted , he taught me a lot of stuffs , and unlike many other YouTubers and course makers his concepts are very clear so he explains with ease too.

Answer 12

Wow, this is great! I am trying to use ES6 syntax as often as I can. This os a great resource

Answer 13

edit 20/10/2017

added ES6 cheat sheet

Answer 14

we don't have immutability in Js data structures ( objects and arrays mostly) .

but making sure our objects and arrays don't behave abnormally we use a library called immutable.js but its documentation looks very tough to get started and play around.

an awesome starters breakdown in this article and few reasons why immutability will help us write better code.

“Immutable.js is intimidating. Here’s how to get started.” @WilliamWoodhead https://medium.freecodecamp.org/immutable-js-is-intimidating-heres-how-to-get-started-2db1770466d6

Answer 15

for some cases where a function runs repeatedly then we can optimize the performance greatly by using simple caching mechanism

also called as (memoization) lol , a new buzz word

it just sounds super tough , see the code with a simple demo, and see the article for more use cases and better explanation.

https://medium.freecodecamp.org/understanding-memoize-in-javascript-51d07d19430e

https://code.sololearn.com/Wuw8Y49suttQ/?ref=app

Answer 16

Effective Javascript: 68 wasys to harness the power of Javascript
-By David Herman

( book is reviewed and Foreward by creator of js Brendan Eich)

A friend suggested me this book, I really enjoyed going through it helped to demystify a lot of existing doubts.

Not a beginners book and needs atleast little bit JS knowledge to fully appreciate it coz its a compilation of neat tricks and practices with explanation but done in a real lucid manner.

https://drive.google.com/open?id=1CiVkBLp2UMWzMa4RQoQoBGZdmXzqH9Vg

Answer 17

https://www.sololearn.com/post/224403/?ref=app

Answer 18

https://medium.com/javascript-in-plain-english/a-javascript-cheatsheet-you-need-in-2020-d81b3dd89e09

https://medium.com/javascript-in-plain-english/20-javascript-shorthand-techniques-that-will-save-your-time-f1671aab405f

Answer 19

Few cool recent javascript additions in ES 2016, 2017, 2018(draft)

ES2016 : Object.prototype.includes, Exponent Infix operator( 7**2 instead of Math.pow(7,2))

ES2017: few new cool object properties, object.values(), Object.entries(), Object.getOwnPropertyDescriptors, async/await with a simple example, string padding

ES2018: currently in final draft and will be out in June or July 2018

Its awesome, SHARED MEMORY AND ATOMICS :-This is a huge, pretty advanced feature and is a core enhancement to JS engines.
The main idea is to bring some sort of multi-threading feature to JavaScript so that JS developers can write high-performance, concurrent programs in the future by allowing to manage memory by themselves instead of letting JS engine manage memory.

I couldnt understand a lot of stuffs but I salvaged what I could heres the complete medium link
https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

Answer 20

https://www.sololearn.com/post/257372/?ref=app