---
title: JavaScript Tutorials and Other Resources
---
*   <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>

## References

*   <a href='http://devdocs.io' target='_blank' rel='nofollow'>DevDocs</a>
*   <a href='http://overapi.com/javascript' target='_blank' rel='nofollow'>OverAPI JavaScript Cheat Sheet</a>
*   <a href='http://www.ecma-international.org/publications/standards/Ecma-262.htm' target='_blank' rel='nofollow'>ECMA-262</a>
*   <a href='https://developer.mozilla.org/en-US/docs/Web/JavaScript' target='_blank' rel='nofollow'>Mozilla Developer Network (MDN)</a>

Find javascript libraries at <a href='http://jster.net' target='_blank' rel='nofollow'>http://jster.net</a>

## Quick JavaScript

*   <a href='https://repl.it/languages/Javascript' target='_blank' rel='nofollow'>REPL</a> (<a href='https://repl.it/languages/iojs/' target='_blank' rel='nofollow'>_node_</a>)
*   <a href='http://jsbin.com' target='_blank' rel='nofollow'>JSBin</a>
*   <a href='https://jsfiddle.net' target='_blank' rel='nofollow'>JSFiddle</a>
*   <a href='http://codepen.io' target='_blank' rel='nofollow'>CodePen</a>
*   <a href='http://coderpad.io' target='_blank' rel='nofollow'>CoderPad (_pair programming_)</a>
*   <a href='http://c9.io' target='_blank' rel='nofollow'>C9 (_IDE_, _pair programming_)</a>
*   <a href='http://www.objectplayground.com/' target='_blank' rel='nofollow'>Object Playground (_visualize objects_)</a>
*   <a href='http://plnkr.co' target='_blank' rel='nofollow'>Plunker</a>

## Challenges

*   <a href='http://codewars.com' target='_blank' rel='nofollow'>Code Wars</a>
*   <a href='https://hackerrank.com' target='_blank' rel='nofollow'>Hacker Rank</a>
*   <a href='http://codingame.com' target='_blank' rel='nofollow'>Coding Game</a>
*   <a href='https://codefights.com/home' target='_blank' rel='nofollow'>CodeFights</a>
*   <a href='http://es6katas.org'  target='_blank' rel='nofollow'>ES6 Katas</a>
*   <a href='https://projecteuler.net/archives'  target='_blank' rel='nofollow'>Project Euler</a>

## Tutorials

*   <a href='https://www.codecademy.com' target='_blank' rel='nofollow'>Codecademy</a>
*   <a href='https://www.rithmschool.com' target='_blank' rel='nofollow'>RithmSchool</a> 

## Exercises

*   <a href='https://codility.com/programmers/lessons/' target='_blank' rel='nofollow'>Codility</a>
*   <a href='http://coderbyte.com' target='_blank' rel='nofollow'>Coderbyte</a>
*   <a href='http://exercism.io' target='_blank' rel='nofollow'>Exercism</a>
*   <a href='https://javascript30.com/' target='_blank' rel='nofollow'>JavaScript30</a>
*   <a href='https://www.javascript.com/' target='_blank' rel='nofollow'>Javascript.com (Pluralsight)</a>

## Editors

*   <a href='https://code.visualstudio.com/' target='_blank' rel='nofollow'>Visual Studio Code</a>

    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 and git support and has a plethora of extensions.
    
    <a href='https://code.visualstudio.com/insiders/' target='_blank' rel='nofollow'>Visual Studio Code Insiders</a>
    
    Insiders has the most recent code pushes and may lead to the occasional broken build.New builds at least everyday with features, bug fixes, and other recently closed issues.Insiders installs next to the Stable build, allowing you to use either independently.
    
*   <a href='https://www.jetbrains.com/webstorm/' target='_blank' rel='nofollow'>Webstorm</a>

    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 href='http://atom.io' target='_blank' rel='nofollow'>Atom</a>

    Open source text editor made by GitHub.
    
*   <a href='https://www.sublimetext.com/' target='_blank' rel='nofollow'>Sublime Text</a>

## Blogs

*   <a href='http://perfectionkills.com' target='_blank' rel='nofollow'>Perfection Kills</a>
*   <a href='http://www.2ality.com/' target='_blank' rel='nofollow'>2ality</a>
*   <a href='https://medium.com/the-javascript-collection' target='_blank' rel='nofollow'>JS collection on Medium</a>
*   <a href='https://davidwalsh.name/' target='_blank' rel='nofollow'>David Walsh</a>
*   <a href='http://superherojs.com/' target='_blank' rel='nofollow'>superheroJS</a>



## Podcasts
*   <a href='https://devchat.tv/js-jabber' target='_blank' rel='nofollow'>JS Jabber</a>



## Video Tutorials

*   <a href='https://www.youtube.com/watch?v=fju9ii8YsGs' target='_blank' rel='nofollow'>Derek Banas' Learn JS In One Video </a>
*   <a href='https://www.youtube.com/watch?v=O8wwnhdkPE4'>Derek Banas' Object Oriented JavaScript</a>
*   <a href='https://www.youtube.com/watch?v=YMvzfQSI6pQ'>JavaScript Fundamentals for Absolute Beginners 2018</a>

## Books

*   <a href='https://www.manning.com/books/secrets-of-the-javascript-ninja' target='_blank' rel='nofollow'>Secrets of the JavaScript Ninja</a>
*   <a href='http://pjabook.com/' target='_blank' rel='nofollow'>Programming JavaScript Applications</a>
*   <a href='http://shop.oreilly.com/product/0636920025245.do' target='_blank' rel='nofollow'>Maintainable JavaScript</a>
*   <a href='http://addyosmani.com/resources/essentialjsdesignpatterns/book/' target='_blank' rel='nofollow'>Learning JavaScript Design Patterns</a>
*   <a href='https://github.com/airbnb/javascript' target='_blank' rel='nofollow'>Airbnb JavaScript Style Guide</a>
*   <a href='http://usejsdoc.org/' target='_blank' rel='nofollow'>JSDoc</a>
*   <a href='https://leanpub.com/javascriptallongesix/read' target='_blank' rel='nofollow'>Javascript Allonge Six</a>
*   <a href='https://github.com/getify/You-Dont-Know-JS' target='_blank' rel='nofollow'>You Don't Know JS</a>
    
    6 books on JavaScript by Kyle Simpson. From beginner to advanced. 
    
*   <a href='http://www.eloquentjavascript.net' target='_blank' rel='nofollow'>Eloquent Javascript</a>  

    Fantastic, thorough introduction to the basics and features of Javascript, complete with in-browser interactive code
    

*   <a href='https://github.com/DrBoolean/mostly-adequate-guide' target='_blank' rel='nofollow'>Professor Frisby's Mostly Adequate Guide to Functional Programming</a>  

    Quite in-depth guide to Functional Programming in Javascript
    
*   <a href='https://github.com/bpesquet/thejsway' target='_blank' rel='nofollow'>The JavaScript Way</a>

*   <a href='https://github.com/getify/Functional-Light-JS' target='blank' rel='nofollow'>Functional Light JS</a>

    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, a lot of topics are covered in a simple and accessible way. No prior knowledge needed!