---
title: JavaScript Tutorials and Other Resources
---
* <a href="https://javascript30.com/" target='_blank' rel='nofollow'>Wes Bos's 30 Days of JavaScript</a>
* <a href='http://jsforcats.com/' target='_blank' rel='nofollow'>JavaScript for Cats</a>
* <a href='https://javascript.info/' target='_blank' rel='nofollow'>The Modern JavaScript Tutorial</a>
* <a href='https://github.com/DrBoolean/mostly-adequate-guide' target='_blank' rel='nofollow'>Professor Frisby's Mostly Adequate Guide to Functional Programming</a>
* <a href='http://www.eloquentjavascript.net' target='_blank' rel='nofollow'>Eloquent Javascript</a> (<a href='https://watchandcode.com/courses/eloquent-javascript-the-annotated-version' target='_blank' rel='nofollow'>_annotated_</a>)
* <a href='http://speakingjs.com/es5/' target='_blank' rel='nofollow'>Speaking Javascript</a>
* <a href='http://exploringjs.com/es6/' target='_blank' rel='nofollow'>Exploring ES6</a>
* <a href='https://www.youtube.com/watch?v=Bv_5Zv5c-Ts' target='_blank' rel='nofollow'>Udemy - Javascript Understanding the Weird Parts (_first 3.5 hrs_)</a>
* <a href="https://www.youtube.com/playlist?list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84">Functional programming in JavaScript</a>
* <a href='https://www.educative.io/collection/5679346740101120/5720605454237696?authorName=Arnav%20Aggarwal' target='_blank' rel='nofollow'>Introduction to JavaScript: First Steps</a>
* <a href='https://www.youtube.com/watch?v=v2ifWcnQs6M&index=1&list=PL62E185BB8577B63D' target='_blank' rel='nofollow'>Douglas Crockford's Videos</a>
* <a href='https://mbeaudru.github.io/modern-js-cheatsheet/' target='_blank' rel='nofollow'>Modern JS Cheatsheet</a>
* <a href='http://www.codeconquest.com/blog/top-50-websites-to-learn-javascript/' target='_blank' rel='nofollow'>The 50 Best Websites to Learn JavaScript</a>
* <a href='https://www.codementor.io/community/topic/javascript' target='_blank' rel='nofollow'>Codementor JavaScript tutorial</a>
* <a href='http://youmightnotneedjquery.com/' target='_blank' rel='nofollow'>You Might Not Need jQuery</a>
* <a href='https://learnxinyminutes.com/docs/javascript/' target='_blank' rel='nofollow'>Learn X in Y minutes (X = JavaScript)</a>
* <a href='http://javascriptbook.com/' target='_blank' rel='nofollow'>JavaScript and jQuery: interactive front-end web development</a>
## References
* [Mozilla Developer Network (MDN)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
* [DevDocs](https://devdocs.io/javascript)
* [OverAPI JavaScript Cheat Sheet](http://overapi.com/javascript)
* [ECMA-262 (2018)](https://www.ecma-international.org/publications/standards/Ecma-262.htm)
* [JavaScript Libraries](http://jster.net)
* [You Might Not Need jQuery](http://youmightnotneedjquery.com)
* [Use JSDoc](http://usejsdoc.org)
## Tutorials
* [Codecademy](https://www.codecademy.com/catalog/language/javascript)
* [RithmSchool](https://www.rithmschool.com/courses)
* [The Modern JavaScript Tutorial](https://javascript.info/)
* [Introduction to JavaScript: First Steps](https://www.educative.io/collection/5679346740101120/5720605454237696)
* [JavaScript for Cats](http://jsforcats.com/)
* [Javascript.com by Pluralsight](https://www.javascript.com/learn)
* [SoloLearn JavaScript Tutorial](https://www.sololearn.com/Course/JavaScript/)
## Video Tutorials
* [Derek Banas - Learn JS In One Video](https://www.youtube.com/watch?v=fju9ii8YsGs)
* [Derek Banas - Object Oriented JavaScript](https://www.youtube.com/watch?v=O8wwnhdkPE4)
* [JavaScript Fundamentals for Absolute Beginners 2018](https://www.youtube.com/watch?v=YMvzfQSI6pQ)
* [Udemy - Javascript Understanding the Weird Parts (_first 3.5 hrs_)](https://www.youtube.com/watch?v=Bv_5Zv5c-Ts)
* [Functional programming in JavaScript](https://www.youtube.com/playlist?list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84)
* [Douglas Crockford's Videos](https://www.youtube.com/watch?v=v2ifWcnQs6M&index=1&list=PL62E185BB8577B63D)
* [Gordon Zhu - Practical JavaScript](https://watchandcode.com/p/practical-javascript)
* [The Net Ninja - JavaScript Tutorial for Beginners](https://www.youtube.com/watch?v=qoSksQ4s_hg&list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET)
## Desktop Editors
* [Visual Studio Code](https://code.visualstudio.com)
Visual Studio Code includes built-in support for IntelliSense code completion, rich semantic code understanding and navigation and code refactoring. It comes with a built-in debugger, git support and has a plethora of extensions.
* [Webstorm](https://www.jetbrains.com/webstorm)
A full-feature IDE for Javascript, including code completion, support for live linting, version control, and testing. Made by Jet Brains and modelled after their IntelliJ Java IDE.
* [Atom](https://atom.io)
Open source text editor made by GitHub.
* [Brackets](http://brackets.io)
* [Sublime Text](https://www.sublimetext.com)
## Online Editors
* [REPL](https://repl.it) - Great for working with Node.js
* [JSBin](https://jsbin.com)
* [JSFiddle](https://jsfiddle.net)
* [CodePen](https://codepen.io)
* [CoderPad](https://coderpad.io) - Great for Pair Programming
* [Object Playground](http://www.objectplayground.com) - Excellent resource to get to grips with Object Orientated JS.
* [Plunker](https://plnkr.co)
* [AWS Cloud 9](https://aws.amazon.com/cloud9) - Cloud Based IDE by Amazon
* [Glitch](https://glitch.com/)
* [Babel](https://babeljs.io/repl) - An easy way to see how Babel will convert your ECMAScript 2015+ code into a backwards compatible version of JS.
## Coding Challenges and Exercises
* [Code Wars](https://www.codewars.com)
* [Hacker Rank](https://hackerrank.com)
* [Coding Game](https://codingame.com)
* [CodeSignal](https://codesignal.com)
* [ES6 Katas](http://es6katas.org)
* [Project Euler](https://projecteuler.net)
* [Codility](https://codility.com/programmers/lessons)
* [Coderbyte](https://coderbyte.com)
* [Exercism](https://exercism.io)
* [JavaScript30](https://javascript30.com)
## Blogs
* [JavaScript on Medium](https://medium.com/topic/javascript)
* [Codementor JavaScript Tutorials and Insights](https://www.codementor.io/community/topic/javascript)
* [2ality](https://www.2ality.com)
* [David Walsh](https://davidwalsh.name)
* [SuperheroJS](http://superherojs.com)
* [The 50 Best Websites to Learn JavaScript](http://www.codeconquest.com/blog/top-50-websites-to-learn-javascript/)
* [Perfection Kills](http://perfectionkills.com) - Not been updated since 2015
## Podcasts
* [JavaScript Jabber](https://devchat.tv/js-jabber)
## Free JavaScript Books
* [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS)
6 books on JavaScript by Kyle Simpson. From beginner to advanced.
* [Eloquent Javascript](https://eloquentjavascript.net/)
Fantastic, thorough introduction to the basics and features of Javascript, complete with in-browser interactive code
* [Professor Frisby's Mostly Adequate Guide to Functional Programming](https://github.com/DrBoolean/mostly-adequate-guide)
Quite in-depth guide to Functional Programming in Javascript
* [Functional Light JS](https://github.com/getify/Functional-Light-JS)
This book aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript. From the very basics of programming up to front-end and back-end web development. Many topics are covered in a simple and accessible way. No prior knowledge needed!
* [Learning JavaScript Design Patterns](http://addyosmani.com/resources/essentialjsdesignpatterns/book)
* [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
* [Javascript Allonge Six](https://leanpub.com/javascriptallongesix/read)
* [The JavaScript Way](https://github.com/bpesquet/thejsway)
* [Modern JS Cheatsheet](https://mbeaudru.github.io/modern-js-cheatsheet)
* [Speaking Javascript](http://speakingjs.com/es5)
* [Exploring ES6](http://exploringjs.com/es6)