freeCodeCamp/guide/english/javascript/additional-javascript-resou.../index.md

125 lines
8.2 KiB
Markdown
Raw Normal View History

---
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://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!