---
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.

    A full-feature IDE for Javascript, including code completion and support for live linting, version control, and testing. Made by Jet Brains and modelled after their IntelliJ Java IDE.
*   <a href='http://brackets.io' target='_blank' rel='nofollow'>Brackets</a>

    A text editor made with web designers and front-end developers in mind. Features include: inline editing, live preview, and preprocessor support.   
*   <a href='http://atom.io' target='_blank' rel='nofollow'>Atom</a>

    Atom is an open source text editor made by GitHub. It features embedded Git Control and numerous customization options.
    
*   [Brackets](http://brackets.io)
*   [Sublime Text](https://www.sublimetext.com)
    Sublime Text is a cross-platform editor featuring a Python API. Free to download and evaluate, but requires a license for continued use.

  
## 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)