<p>In this article, I want to compile all the resources that can be beneficial for anyone learning JavaScript. These resources are primarily aimed at absolute beginners and are focused on teaching vanilla JavaScript. They are listed in no particular order. In the future, I plan to create a post outlining how I would learn JavaScript and web development from scratch, including the resources I would use and in which order.</p>
<h3>Interactive courses</h3>
<p><a href="https://www.theodinproject.com/paths/foundations/courses/foundations" target="_blank" rel="noopener nofollow">The Odin Project</a> (free)</p>
<p><a href="https://www.freecodecamp.org/learn" target="_blank" rel="noopener nofollow">Free code camp</a> (free)</p>
<p><a href="https://www.educative.io/" target="_blank" rel="noopener nofollow">Educative</a> (free and paid)</p>
<p><a href="https://www.codecademy.com/learn/introduction-to-javascript" target="_blank" rel="noopener nofollow">Codecademy</a> (free and paid)</p>
<h3>Practice JavaSctipt</h3>
<p><a href="https://www.deepdev.org/" target="_blank" rel="noopener nofollow">DeepDev</a> (free)</p>
<p><a href="https://exercism.org/tracks/javascript/exercises" target="_blank" rel="noopener nofollow">Exercism</a> (free)</p>
<p><a href="https://www.codewars.com/collections/js-practice" target="_blank" rel="noopener nofollow">CodeWars</a> (free)</p>
<h3>YouTube videos to Learn JS</h3>
<p><a href="https://www.youtube.com/playlist?list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc" target="_blank" rel="noopener nofollow">NetNinja</a> Modern JS tutorial</p>
<p><a href="https://www.youtube.com/watch?v=EfAl9bwzVZk&amp;ab_channel=DaveGray" target="_blank" rel="noopener nofollow">DaveGray JavaScript Full Course for Beginners</a></p>
<h3>Udemy (paid)</h3>
<p>Don’t buy them at full price they cost around $10 at a sale.</p>
<p><a href="https://www.udemy.com/course/javascript-beginners-complete-tutorial/" target="_blank" rel="noopener nofollow">The Modern Javascript Bootcamp Course</a></p>
<p><a href="https://www.udemy.com/course/the-complete-javascript-course" target="_blank" rel="noopener nofollow">The Complete JavaScript Course 2024: From Zero to Expert!</a></p>
<p><a href="https://www.udemy.com/course/modern-javascript-from-the-beginning/" target="_blank" rel="noopener nofollow">Modern JavaScript From The Beginning 2.0 (2024)</a></p>
<h3>Books</h3>
<p><a href="https://eloquentjavascript.net/" target="_blank" rel="noopener nofollow">Eloquent JavaScript (free)</a></p>
<p><a href="https://kbpsystem777.github.io/You-Dont-Know-JS/" target="_blank" rel="noopener nofollow">You Don’t Know JavaScript</a> (free)</p>
<h3>Other useful YouTube channels about JavaScript and WebDev</h3>
<p><a href="https://www.youtube.com/@WebDevSimplified/videos" target="_blank" rel="noopener nofollow">Web Dev Simplified</a></p>
<p><a href="https://www.youtube.com/@jherr" target="_blank" rel="noopener nofollow">Jack Herrington</a></p>
<p><a href="https://www.youtube.com/@TraversyMedia/featured" target="_blank" rel="noopener nofollow">Traversy Media</a></p>
<p><a href="https://www.youtube.com/@freecodecamp" target="_blank" rel="noopener nofollow">FreeCodecamp</a></p>
<h3>Other resources</h3>
<p><a href="https://javascript.info/" target="_blank" rel="noopener nofollow">Text JS tutorial</a></p>
<p><a href="https://playcode.io/" target="_blank" rel="noopener nofollow">JavaScript Playground</a></p>
<p><a href="https://developer.mozilla.org/en-US/docs/Learn" target="_blank" rel="noopener nofollow">MDN Best web documentation</a></p>
<p>If you know other useful resources add them to the comments.</p>


Squad for those interested in learning JavaScript, and looking for interesting resources and materials.

Learn JavaScript

Resources for Beginners to Learn JavaScript

<p>i would highly recommended to  all of you. just watch his channel @namastay javascript if you wanna learning deeply javscript concept</p>


<p>I have a free, open-source tool to learn javascript. check it out <a href="https://techblitz.dev/" target="_blank" rel="noopener nofollow">https://techblitz.dev/</a> , and the source code is here: <a href="https://git.new/blitz" target="_blank" rel="noopener nofollow">https://git.new/blitz</a></p>
