+ 187

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/

24th Sep 2017, 7:33 PM
Burey
Burey - avatar
84 Answers
+ 77
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!
24th Sep 2017, 7:52 PM
Maz
Maz - avatar
+ 38
Great stuff 🤗
27th Sep 2017, 4:31 PM
NimWing Yuan
NimWing Yuan - avatar
+ 26
added link to an extensive guide of JS framework/libraries https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/
20th Jan 2018, 11:30 AM
Burey
Burey - avatar
+ 20
@Maz just "a bit" as you said 😅😅
24th Sep 2017, 8:32 PM
Burey
Burey - avatar
+ 19
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
15th Jun 2018, 9:59 PM
Morpheus
Morpheus - avatar
+ 18
As always useful information thanks @Burey. Edit: Thanks to @Maz also
25th Sep 2017, 2:24 AM
P R
P R - avatar
+ 18
added node.js best practices link
11th Nov 2017, 11:05 AM
Burey
Burey - avatar
+ 17
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
20th Feb 2018, 3:08 AM
Morpheus
Morpheus - avatar
+ 16
https://code.sololearn.com/WBHiShj1ublU/?ref=app My humble request: Whenever you have a new resource please post it here...
24th Sep 2017, 11:42 PM
👑 Prometheus 🇸🇬
👑 Prometheus 🇸🇬 - avatar
+ 15
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
16th Feb 2018, 4:10 PM
Morpheus
Morpheus - avatar
+ 15
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.
3rd Mar 2018, 9:32 PM
Morpheus
Morpheus - avatar
+ 14
Wow, this is great! I am trying to use ES6 syntax as often as I can. This os a great resource
25th Sep 2017, 5:43 PM
Gami
Gami - avatar
+ 14
edit 20/10/2017 added ES6 cheat sheet
20th Oct 2017, 6:30 PM
Burey
Burey - avatar
+ 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
7th May 2018, 12:01 PM
Morpheus
Morpheus - avatar
+ 11
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
19th Apr 2018, 9:06 PM
Morpheus
Morpheus - avatar
+ 11
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
2nd Jul 2018, 2:35 AM
Morpheus
Morpheus - avatar
+ 11
https://www.sololearn.com/post/224403/?ref=app
2nd Feb 2020, 8:15 AM
Danijel Ivanović
Danijel Ivanović - avatar
+ 10
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
6th Apr 2018, 4:50 AM
Morpheus
Morpheus - avatar
+ 10
https://www.sololearn.com/post/257372/?ref=app
4th Mar 2020, 10:20 AM
Danijel Ivanović
Danijel Ivanović - avatar