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
-
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
-
Currying
-
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
-
Date and time
-
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
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 :) :)
Top comments (2)
Is Regex important for the JavaScript interview?
Thank you very much
Some comments have been hidden by the post's author - find out more