gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Major Tidy Up of Page (#27247)

Browse Source 
* Edited all links into Markdown format so they conform to Style Guidelines.
* Organized categories into a more logical order and edited names if needed.
* Removed/updated dead links.
* Moved un-categorized links into categories and others into correct category.
* Removed links from Books category that only led to a purchase page.
This commit is contained in:
Michael Wright
2018-10-24 19:50:52 +01:00
committed by mrugesh mohapatra
parent 088b0ec458
commit 80351b2c92
1 changed files with 96 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
guide/english/javascript/additional-javascript-resources/index.md
View File

@ -1,128 +1,123 @@
---
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>
* [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)
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>
* [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)
## 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>
* [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)
## 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>
## 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 and git support and has a plethora of extensions.
* [Webstorm](https://www.jetbrains.com/webstorm)
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.
* [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
## 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.
* <a href='http://www.eloquentjavascript.net' target='_blank' rel='nofollow'>Eloquent Javascript</a>
* [Eloquent Javascript](https://eloquentjavascript.net/)
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>
* [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
* <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>
* [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, a lot of 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)