Useful Javascript links - Study Guide

Hey Guys !!

I have listed some of the useful links which will help you to learn Javascript.

Javascript Study Guide

ReactJS Study Guide

Please find the table of contents,

Variable, Scope, Hoisting
this
Patterns
Prototype
Functions
Closure
Iterators
Currying
Promises
Es6+
Array
Event Loops
Objects
String
Date and time
Regex
Error Handling

Javascript Style Guides
Performance/Code Optimisation
Javascript Interview Questions
Tips and Tricks
Javascript Cheatsheet
Javascript News Letters
Developers to follow
Javascript Algorithm
Learn Javascript
Javascript Books
General
Best Practices
Javascript Projects
Youtube channels

• Variable, Scope, Hoisting

  • https://livecodestream.dev/post/understanding-variables-scope-and-hoisting-in-javascript/
  • https://www.freecodecamp.org/news/javascript-lexical-scope-tutorial/
  • https://slashism.com/variable-scope-in-javascript
  • https://wasefs.medium.com/hoisting-in-javascript-javascript-interview-series-53f9faa16835
  • https://dev.to/pat_the99/javascript-hoisting-450l
  • https://kpealecodes.hashnode.dev/scoping-and-hoisting-in-javascript
  • https://slashism.com/variable-scope-in-javascript
  • https://developer.mozilla.org/en-US/docs/Glossary/Primitive#Another_Example_Step-by-step
  • https://livecodestream.dev/post/2020-07-25-understanding-variables-scope-and-hoisting-in-javascript/
  • https://dev.to/sandy8111112004/javascript-introduction-to-scope-function-scope-block-scope-d11

• this

  • https://ui.dev/this-keyword-call-apply-bind-javascript/
  • https://livecodestream.dev/post/understanding-this-keyword-in-javascript/
  • https://dev.to/polymathsomnath/master-this-in-javascript-1bk
  • https://medium.com/swlh/whats-this-in-javascript-870918e833b8
  • https://rajatexplains.hashnode.dev/this-in-javascript
  • https://medium.com/swlh/understanding-this-in-javascript-166164e7fa2b
  • https://dev.to/denisveleaev/6-simple-rules-to-fully-understand-this-keyword-in-javascript-1kmk
  • https://medium.com/free-code-camp/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56#.53op90a6w
  • https://enlear.academy/this-keyword-in-javascript-8979fa01f4a3

• Patterns

  • https://hemdan.hashnode.dev/javascript-patterns-ch2-or-part-1-essentials
  • https://medium.com/swlh/js-interview-help-prototype-class-es6-iife-scope-closures-module-pattern-fd67c68aacb8
  • https://medium.com/javascript-in-plain-english/basic-middleware-pattern-in-javascript-ef8756a75cb1
  • https://levelup.gitconnected.com/design-patterns-in-modern-javascript-development-ec84d8be06ca?gi=6e6506fac97e

• Prototype

  • https://javascript.plainenglish.io/prototype-this-stranger-7a444098cdd4
  • https://blog.youteee.codes/introduction-to-javascript-prototypes
  • https://www.freecodecamp.org/news/all-you-need-to-know-to-understand-javascripts-prototype-a2bff2d28f03/

• Functions

  • https://blog.bitsrc.io/understanding-javascript-iifes-like-a-boss-b84b39663a37
  • https://api.daily.dev/r/Wxk7uYQ2p
  • https://devdojo.com/rahulism/what-is-memoization-in-javascript
  • https://yuricodesbot.hashnode.dev/understanding-functional-programming-in-javascript
  • https://dev.to/thedailytechtalk/top-10-must-know-javascript-functions-1ipm
  • https://medium.com/javascript-in-plain-english/javascript-interview-questions-functions-5a3081c1f3f5
  • https://dev.to/mpodlasin/functional-programming-in-js-part-i-composition-currying-lodash-and-ramda-1ohb
  • https://mohit-codes.hashnode.dev/differences-between-arrow-function-and-regular-function-in-javascript
  • https://dev.to/coderslang/javascript-interview-question-46-length-of-js-functions-494f

• Closure

  • https://medium.com/geekculture/understanding-the-core-concept-of-javascript-closure-49e3517e49a5
  • https://medium.com/geekculture/understanding-the-core-concept-of-javascript-closure-49e3517e49a5
  • https://medium.com/javascript-in-plain-english/closures-and-lexical-scoping-in-javascript-9ebe8d353662
  • https://rajatexplains.hashnode.dev/understanding-closures-1
  • https://www.freecodecamp.org/news/closures-in-javascript/

• Iterators

  • https://madasamy.medium.com/explanation-about-iterators-and-generators-in-javascript-es6-f7e669cbe96e
  • https://codeburst.io/a-simple-guide-to-es6-iterators-in-javascript-with-examples-189d052c3d8e

• Currying

  • https://dev.to/kozlovzxc/js-interview-in-2-minutes-currying-2hko
  • https://dev.to/suprabhasupi/currying-in-javascript-1k3l
  • https://daily.dev/posts/what-is-currying-in-javascript
  • https://dev.to/afrazchelsea/function-currying-in-javascript-3h3g

• Promises

  • https://towardsdev.com/promises-in-javascript-285f523c3e8d
  • https://javascript.plainenglish.io/what-is-the-importance-of-using-async-await-17b95870a05f
  • https://dmitripavlutin.com/what-is-javascript-promise/
  • https://dmitripavlutin.com/javascript-promises-then-vs-then-catch/
  • https://enlear.academy/what-is-asynchronous-javascript-310426783ef1
  • https://saiteja0413.hashnode.dev/beginners-guide-to-javascripts-asyncawait
  • https://www.freecodecamp.org/news/how-to-deal-with-nested-callbacks-and-avoid-callback-hell-1bc8dc4a2012/
  • https://blog.openreplay.com/the-ultimate-guide-to-fixing-javascript-performance-problems-in-browser-devtools
  • https://maximorlov.com/visual-guide-refactoring-callback-functions/
  • https://codeburst.io/javascript-interview-questions-promises-1ab2fb7f0467
  • https://blog.madza.dev/24-modern-es6-code-snippets-to-solve-practical-js-problems
  • https://humanwhocodes.com/blog/2020/10/creating-javascript-promise-from-scratch-promise-resolve-reject/
  • https://blog.bitsrc.io/journey-from-callbacks-to-promises-to-async-await-6fcd7f7fa3c5
  • https://blog.rohilpinto.com/javascript-call-stack-explained
  • https://dev.to/ryanameri/mastering-hard-parts-of-javascript-callbacks-i-3aj0
  • https://adrianmejia.com/promises-tutorial-concurrency-in-javascript-node/
  • https://dev.to/swarnaliroy94/javascript-concept-of-promise-3ijb
  • https://enlear.academy/what-is-asynchronous-javascript-310426783ef1
  • https://www.freecodecamp.org/news/what-is-promise-in-javascript-for-beginners/

• Es6+

  • https://madzadev.medium.com/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e
  • https://ponyfoo.com/articles/es6
  • https://mezgitci9.medium.com/java-script-es6-f6f4219847dd
  • https://madasamy.medium.com/javascript-brief-history-and-ecmascript-es6-es7-es8-features-673973394df4
  • https://alimammiya.hashnode.dev/upcoming-interesting-javascript-es2021-es12-features-to-look-for-1
  • https://jayakiran.hashnode.dev/modern-javascript
  • https://medium.com/nerd-for-tech/understanding-javascript-es6-classes-dbce09c0b903
  • https://alimammiya.hashnode.dev/8-useful-javascript-es2019-features-to-know-about-1
  • https://shineve.hashnode.dev/new-javascript-features-in-es6-es12
  • https://madzadev.medium.com/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e
  • https://ponyfoo.com/articles/search/es6
  • https://madza.hashnode.dev/24-modern-es6-code-snippets-to-solve-practical-js-problems
  • https://blog.greenroots.info/explain-me-like-i-am-five-what-are-es6-symbols-ckeuz5sb8001qafs14of305dw
  • https://blog.michaelkaren.dev/javascript-spread-vs-rest
  • https://medium.com/javascript-in-plain-english/new-javascript-features-in-es2020-c2d76acf9c5a
  • https://blog.bitsrc.io/mastering-javascript-es6-symbols-6453da3bd46c
  • https://blog.skay.dev/es6-understanding-destructuring
  • https://medium.com/@etherealm/named-export-vs-default-export-in-es6-affb483a0910
  • https://medium.com/javascript-in-plain-english/5-simple-tips-to-write-better-arrow-functions-a55f40f63d58

• Array

  • https://www.freecodecamp.org/news/array-map-tutorial/
  • https://dev.to/antoomartini/4-ways-to-convert-a-string-to-an-array-in-javascript-i97
  • https://www.freecodecamp.org/news/the-javascript-array-handbook/
  • https://blog.greenroots.info/everything-you-need-to-know-about-javascript-set
  • https://faheemkhan97.hashnode.dev/arraylength-i-bet-youre-missing-something-about-it
  • https://iampalash.hashnode.dev/top-7-javascript-array-sort-method-use-cases
  • https://amantyagi.hashnode.dev/javascript-array-methods
  • https://blog.bitsrc.io/8-methods-to-search-javascript-arrays-fadbce8bea51
  • https://www.w3resource.com/javascript-exercises/javascript-array-exercises.php
  • https://javascript.info/array-methods
  • https://dev.to/aashrithashiva29/possible-ways-of-iterating-arrays-in-javascript-1cgo
  • https://thenextweb.com/syndication/2020/07/02/15-useful-methods-to-get-the-most-out-of-javascript-arrays/
  • https://dev.to/samanthaming/6-use-cases-of-spread-with-array-in-javascript-2n53
  • https://www.freecodecamp.org/news/javascript-array-foreach-tutorial-how-to-iterate-through-elements-in-an-array-with-map/

• Event Loops

  • https://ayushv.medium.com/event-loop-in-javascript-672c07618dc9
  • https://towardsdev.com/event-loop-in-javascript-672c07618dc9
  • https://medium.com/@ricardoreis_22930/event-loop-javascript-4376600e5603
  • https://blog.skay.dev/javascript-event-loop-explained
  • https://dmitripavlutin.com/javascript-event-delegation/?utm_campaign=a-simple-explanation-of-event-delegation
  • https://blog.bitsrc.io/event-bubbling-and-capturing-in-javascript-6bc908321b22

• Objects

  • https://livecodestream.dev/post/everything-you-should-know-about-javascript-dictionaries/
  • https://towardsdev.com/object-oriented-programming-oop-in-javascript-b7f2bbde1230?gi=6355f0d7bfa0
  • https://towardsdev.com/object-oriented-programming-oop-in-javascript-b7f2bbde1230
  • https://javascript.plainenglish.io/copies-of-javascript-shallow-and-deep-copy-ac7f8dcd1dd0
  • https://javascript.plainenglish.io/object-oriented-javascript-3f74e02a436f
  • https://cosmocode.io/how-to-implement-abstraction-in-javascript-javascript-object-oriented-programming/
  • https://javascript.plainenglish.io/what-is-proto-b15f16e10b72
  • https://javascript.plainenglish.io/proto-vs-prototype-in-js-140b9b9c8cd5
  • https://javascript.plainenglish.io/javascript-paas-by-value-vs-reference-b1667016e4a3
  • https://favouritejome.hashnode.dev/class-prototype-and-oop-concept-explained
  • https://css-tricks.com/the-flavors-of-object-oriented-programming-in-javascript/
  • https://blog.oshogunle.com/how-to-use-oop-in-javascript-ckemxzcw804ow8cs122ikhob0
  • https://h.daily-dev-tips.com/javascript-optional-chaining-to-the-rescue

• String

  • https://dev.to/satishnaikawadi2001/15-very-important-javascript-string-methods-every-developer-should-know-1apb

• Date and time

  • https://www.freecodecamp.org/news/how-to-build-a-chess-clock-with-javascript-and-setinterval/
  • https://dev.to/debs_obrien/formatting-a-date-in-javascript-ebd

• Regex

  • https://yuricodesbot.hashnode.dev/ultimate-guide-to-regular-expressions-regex-on-javascript
  • https://dev.to/shreyazz/regex-101-2m7m
  • https://javascript.plainenglish.io/seriously-javascript-regex-quantifiers-in-under-10-mins-f281146bfea2
  • https://towardsdatascience.com/an-introduction-to-regular-expressions-5dd762afc5e4
  • https://amara.hashnode.dev/regular-expressions-in-javascript
  • https://fireship.io/lessons/regex-cheat-sheet-js/

• Error Handling

  • https://sruthicodes.hashnode.dev/all-about-errors-in-javascript

Javascript Style Guides

• https://enlear.academy/5-best-javascript-style-guides-640485e7b630
• https://enlear.academy/how-to-set-up-airbnb-style-guide-82413ea6c5f2

Performance/Code Optimization

• https://blog.bitsrc.io/14-javascript-code-optimization-tips-for-front-end-developers-f878e4ea2314
• https://blog.bitsrc.io/using-web-workers-to-speed-up-javascript-applications-5c567f209bdb
• https://www.geeksforgeeks.org/7-tips-to-improve-javascript-performance/
• https://blog.bitsrc.io/measuring-performance-of-different-javascript-loop-types-c0e9b1d193ed

Javascript Interview Questions

• https://dev.to/capscode/500-javascript-question-answers-with-explanation-29im
• https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions
• https://hemant.hashnode.dev/60-javascript-interview-questions
• https://codelifefitness.hashnode.dev/12-common-javascript-questions-i-used-to-ask-in-interview
• https://www.tutsmake.com/javascript-es6-interview-question-and-answer/
• https://www.geeksforgeeks.org/10-most-asked-es6-interview-questions-answers-for-developers/
• https://alimammiya.hashnode.dev/100-most-asked-javascript-interview-questions-and-answers-part-1
• https://www.interviewbit.com/javascript-interview-questions/
• https://dev.to/angelomiranda/top-10-javascript-interview-questions-and-answers-you-should-know-junior-and-senior-3943
• https://medium.com/javascript-in-plain-english/5-frontend-interview-questions-to-help-you-master-asynchronous-javascript-3339d0f89fdc
• https://medium.com/swlh/javascript-practice-interview-af1e140eede0
• https://medium.com/javascript-in-plain-english/10-javascript-interview-question-c050a357161c
• https://thedevpost.com/blog/10-most-asked-questions-about-javascript/
• https://dev.to/nas5w/10-javascript-quiz-questions-and-answers-to-sharpen-your-skills-255m
• https://levelup.gitconnected.com/javascript-interview-questions-basic-dom-and-events-7925ce8602ef?source=email-7d5393e25aca-1600898631194-digest.reader------0-59------------------8be1a484_5a7d_41b3_8ac9_410210586401-1-f68eeeb0_1b52_418b_a7c5_14c9775bf642----
• https://hackernoon.com/10-essential-javascript-questions-zf1t3ueo
• https://dev.to/dverybest/basic-javascript-interview-questions-3491
• https://medium.com/the-clever-dev/50-difficult-javascript-interview-questions-88e6e92367e7
• https://javascript.plainenglish.io/50-javascript-best-practice-rules-to-write-better-code-86ce731311d7
• https://dev.to/macmacky/70-javascript-interview-questions-5gfi

Tips and Tricks

• https://javascript.plainenglish.io/13-javascript-anomalies-331833001bd2
• https://hackernoon.com/the-clean-code-book-for-javascript-developers-a-quick-summary-m82b373s
• https://iampalash.hashnode.dev/10-awesome-javascript-shorthands
• https://medium.com/geekculture/javascript-hacks-cf8f0fecbc60
• https://apoorvtyagi.tech/javascript-tips-and-best-practices
• https://javascript.plainenglish.io/10-tips-to-improve-readability-in-javascript-382eb287437
• https://blog.yogeshchavan.dev/tricky-javascript-code-snippets-asked-in-the-interview-1
• https://javascript.plainenglish.io/50-javascript-output-questions-818d45c3e381
• https://www.smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/
• https://dev.to/worldindev/8-javascript-tips-tricks-that-no-one-teaches-24g1
• https://thenextweb.com/news/how-to-write-cleaner-code-with-javascript
• https://alimammiya.hashnode.dev/5-useful-javascript-tricks-for-beginners
• https://javascript.plainenglish.io/7-concepts-you-should-know-as-a-javascript-developer-f406597319ab
• https://medium.com/javascript-in-plain-english/18-tips-tricks-for-a-junior-javascript-developer-ae4af698a596
• https://medium.com/@manish2bharti/javascript-tricks-for-developers-2637e1c1835d
• https://medium.com/@deepikawadhera1996/javascript-tips-and-tricks-b1a5d93c9c03
• https://blog.greenroots.info/5-useful-tips-about-the-javascript-array-sort-method-ckfs2cifq00eju9s17dfy3jq8
• https://dev.to/ga/7-javascript-tips-and-tricks-3d2o
• https://dev.to/alwarg/fun-with-javascript-tricks-jmk
• https://blog.greenroots.info/my-favorite-javascript-tips-and-tricks-ckd60i4cq011em8s16uobcelc?utm_campaign=my-favorite-javascript-tips-and-tricks
• https://thenextweb.com/syndication/2020/07/25/how-to-write-cleaner-code-with-javascript/
• http://pop.frontendweekly.co/VdB6qN?utm_campaign=most-useful-javascript-tips-&-tricks-for
• https://medium.com/developers-arena/some-simple-and-amazing-javascript-tricks-292e1962b1f6
• https://medium.com/javascript-in-plain-english/some-js-shortcuts-82bc2f56146e
• https://www.freecodecamp.org/news/nine-most-common-mistakes-developers-make-in-javascript/
• https://apoorvtyagi.tech/javascript-clean-code-tips-and-good-practices
• https://github.com/neonmob/NeonMob-beta/pull/4397

Javascript Cheatsheet

• https://blog.rahulism.co/ultimate-javascript-cheatsheet
• https://medium.com/javascript-in-plain-english/a-javascript-cheatsheet-you-need-in-2020-d81b3dd89e09
• https://ilovecoding.org/blog/js-cheatsheet
• https://dev.to/sakhnyuk/js-array-cheatsheet-31h0
• https://dev.to/anmolraj/javascript-cheatsheet-for-beginners-to-advance-4en4

Javascript News Letters

• https://javascriptkicks.com/@JavaScriptKicks
• https://www.30secondsofcode.org/
• https://jsstartup.com/https://jsstartup.com/
• https://hashnode.com/n/javascript
• https://javascriptweekly.com/
• https://weekly.bestofjs.org/
• http://esnextnews.com/
• http://adripofjavascript.com/archive.html
• http://jster.net/blog
• https://js.libhunt.com/newsletter
• https://webtoolsweekly.com/
• https://techbeacon.com/app-dev-testing/27-javascript-experts-follow-twitter
• https://gamedevjsweekly.com/
• https://ponyfoo.com/weekly
• https://readme.md/category/javascript
• https://javascript.plainenglish.io/
• https://learn.devkode.io/#/ecmascript/rest-parameters/guides
• https://soshace.com/category/javascript/
• https://www.ma-no.org/en/programming/javascript
• https://medium.com/javascript-in-plain-english
• https://www.w3docs.com/snippets/javascript.html

Developers to follow

• https://hashnode.com/@iampalash
• https://umaar.com/dev-tips/
• https://dmitripavlutin.com/
• https://wasefs.medium.com/
• https://anil-pace.medium.com/
• https://madasamy.medium.com/
• https://daveceddia.com/archives/
• https://www.ibrahima-ndaw.com/
• https://github.com/yogain123
• https://dev.to/coderslang

Javascript Algorithm

• https://hackernoon.com/algorithms-and-data-structures-implemented-in-es6-javascript-h41w342t
• https://dev.to/doabledanny/how-to-compare-arrays-in-javascript-efficiently-1p0
• https://github.com/trekhleb/javascript-algorithms

Learn Javascript

• https://jstherightway.org/
• https://code.tutsplus.com/series/learn-javascript-the-complete-guide--cms-1112
• https://scotch.io/courses/getting-started-with-javascript-for-web-development?ref=home-start-here
• https://danysdevcorner.hashnode.dev/useful-javascript-resources-to-learn-and-remember
• https://reactgo.com/tutorials/javascript/
• https://devdojo.com/piyushsinha24/modern-javascript-iii
• https://techstack.hashnode.dev/the-core-of-javascript
• https://medium.com/javascript-in-plain-english/guide-for-mastering-modern-javascript-skills-7d4ee42bf009
• https://daily.dev/posts/the-7-best-resources-to-learn-javascript-as-a-beginner
• https://courses.learncodeonline.in/
• https://dev.to/codinglistsdev/48-articles-to-go-beginner-to-pro-in-javascript-2ofn
• https://dev.to/tyaga001/a-simple-and-effective-way-to-learn-practice-javascript-5f3p

Javascript Books

• https://matfuvit.github.io/UVIT/predavanja/literatura/TutorialsPoint%20JavaScript.pdf
• https://exploringjs.com/impatient-js/downloads/impatient-js-preview-book.pdf
• https://minal-vaity95.medium.com/ultimate-javascript-cheatsheet-d21b0154d589
• https://blog.bitsrc.io/9-free-javascript-books-that-are-well-worth-reading-7cf6b0a20da9

General

• https://blog.ganeshjaiwal.dev/how-does-javascript-work
• https://www.webfx.com/blog/web-design/6-advanced-javascript-techniques-you-should-know/
• https://blog.kritikapattalam.com/use-strict-mode-in-javascript
• https://blog.logrocket.com/solid-principles-single-responsibility-in-javascript-frameworks/
• https://yogeshchavan.hashnode.dev/master-modern-javascript-skills-with-this-amazing-guide
• https://dmitripavlutin.com/javascript-null/
• https://seven.hashnode.dev/understanding-import-and-export-statements-in-javascript
• https://medium.com/@mirzaleka/exploring-javascript-ecosystem-popular-tools-frameworks-libraries-7901703ec88f
• https://flaviocopes.com/javascript-lexical-structure/
• https://dev.to/bgoonz/all-of-my-articles-combined-284m

Best Practices

• https://stackoverflow.blog/2021/07/05/best-practices-for-writing-code-comments/
• https://javascript.plainenglish.io/improve-javascript-code-quality-with-these-best-practices-ee883a124d8e
• https://dzone.com/articles/javascript-best-practices-to-improve-code-quality
• https://deepaksisodiya.hashnode.dev/5-best-practices-for-clean-coding-in-javascript-ckewx32f801e7ggs1ddys9m3f
• https://medium.com/javascript-in-plain-english/19-simple-javascript-coding-standards-to-keep-your-code-clean-7422d6f9bc0

Javascript Projects

• https://hashnode.com/post/15-project-ideas-for-web-developers-ckmg1p6vc00ialds1cmtl870c
• https://www.crio.do/blog/top-5-javascript-projects-reactjs/
• https://medium.com/swlh/projects-you-can-build-with-vanilla-javascript-e52c3e00f25c
• https://codelifefitness.hashnode.dev/projects-you-can-build-with-vanilla-javascript
• https://annysah.hashnode.dev/7-beginner-friendly-javascript-project-ideas-ckevszz7u021dnzs19gu4eaye
• https://levelup.gitconnected.com/learn-concepts-of-vanilla-javascript-while-building-a-privacy-card-game-in-5-easy-steps-7b0a2d89db63
• https://blog.kritikapattalam.com/build-a-simple-clock-using-javascript

Youtube channels

• https://dzone.com/articles/22-youtube-channels-to-level-up-your-programming-s
• https://www.codewall.co.uk/best-javascript-youtube-channels/

Upcoming,
Python interview preparation.

Stay tuned :) :)

Comments

[Abdessamad EL FEDALI]

Thank you very much

[Aditya Singh]

Is Regex important for the JavaScript interview?