2018-10-04 14:47:55 +01:00
---
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 >
2018-10-16 09:06:51 +05:00
* < a href = 'https://projecteuler.net/archives' target = '_blank' rel = 'nofollow' > Project Euler</ a >
2018-10-04 14:47:55 +01:00
## 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://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 >
2018-10-12 04:30:38 +05:30
## 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 >
2018-10-16 09:06:51 +05:00
* < a href = 'https://www.youtube.com/watch?v=YMvzfQSI6pQ' > JavaScript Fundamentals for Absolute Beginners 2018</ a >
2018-10-12 04:30:38 +05:30
2018-10-04 14:47:55 +01:00
## 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 >
2018-10-12 04:30:38 +05:30
* < a href = 'https://github.com/getify/Functional-Light-JS' target = 'blank' rel = 'nofollow' > Functional Light JS</ a >
2018-10-04 14:47:55 +01:00
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!
