140 lines
7.5 KiB
Markdown
140 lines
7.5 KiB
Markdown
---
|
|
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>
|
|
* <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/)
|
|
|
|
|
|
## 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)
|