Atom is an open source text editor made by GitHub. It features embedded Git Control and numerous customization options.
		
			
				
	
	
		
			149 lines
		
	
	
		
			8.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			149 lines
		
	
	
		
			8.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | |
| title: JavaScript Tutorials and Other Resources
 | |
| ---
 | |
| *   <a href="https://javascript30.com/" target='_blank' rel='nofollow'>Wes Bos's 30 Days of JavaScript</a>
 | |
| *   <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='https://learnxinyminutes.com/docs/javascript/' target='_blank' rel='nofollow'>Learn X in Y minutes (X = JavaScript)</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.
 | |
| 
 | |
|     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 text editor made with web designers and front-end developers in mind. Features include: inline editing, live preview, and preprocessor support.   
 | |
| *   <a href='http://atom.io' target='_blank' rel='nofollow'>Atom</a>
 | |
| 
 | |
|     Atom is an open source text editor made by GitHub. It features embedded Git Control and numerous customization options.
 | |
|     
 | |
| *   [Brackets](http://brackets.io)
 | |
| *   [Sublime Text](https://www.sublimetext.com)
 | |
|     Sublime Text is a cross-platform editor featuring a Python API. Free to download and evaluate, but requires a license for continued use.
 | |
| 
 | |
|   
 | |
| ## 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/)
 | |
| *   [Babel](https://babeljs.io/repl) - An easy way to see how Babel will convert your ECMAScript 2015+ code into a backwards compatible version of JS.
 | |
| 
 | |
| 
 | |
| ## 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)
 |