JavaScript CheatSheet + Resources | SoloLearn: Learn to code for FREE!

+177

JavaScript CheatSheet + Resources

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/

9/24/2017 7:33:48 PM

Burey

84 Answers

New Answer

+75

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!

+38

Great stuff 🤗

+25

added link to an extensive guide of JS framework/libraries https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/

+20

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

+18

As always useful information thanks @Burey. Edit: Thanks to @Maz also

+18

added node.js best practices link

+18

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

+16

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

+16

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

+14

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

+14

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

+14

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.

+13

edit 20/10/2017 added ES6 cheat sheet

+13

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

+10

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

+10

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

+10

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

+10

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

+9

i finished with HTML and now.. learning JavaScript and CSS.. thanks for sharing this! 😊 will check it out 👍

+9

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