Learning JavaScript

Here, I'm collecting a number of links to useful resources for learning JavaScript (and related web tech). If you have suggestions for additional links, let me know!

• [email protected]
• https://twitter.com/iangilman

Lessons / Challenges

• https://www.khanacademy.org/cs/programming
• https://dash.generalassemb.ly/
• https://www.codecademy.com/catalog/language/javascript
• http://www.jsdares.com/
• http://nodeschool.io/
• https://github.com/liammclennan/JavaScript-Koans
• https://github.com/mrdavidlaing/javascript-koans
• http://www.crunchzilla.com/
• http://blog.iangilman.com/2015/02/self-this.html
• https://www.javascript.com/resources
• http://learnxinyminutes.com/docs/javascript
• https://javascript30.com/
• https://www.freecodecamp.org/
• https://coderbyte.com/
• https://www.codewars.com/
• https://script-8.github.io/
• https://learnjavascript.online/
• https://adventofcode.com/
• http://flexboxfroggy.com/ (for CSS, not JavaScript)

Manuals

• http://eloquentjavascript.net/
• https://developer.mozilla.org/en-US/learn/javascript
• https://developer.mozilla.org/en-US/learn/css
• https://developer.mozilla.org/en-US/learn/html
• http://www.impressivewebs.com/jquery-tutorial-for-beginners/
• http://youmightnotneedjquery.com/
• http://superherojs.com/
• http://jsforcats.com/
• http://adamschwartz.co/magic-of-css/
• ES6 Cheatsheet
• ES6 Overview in 350 Bullet Points

General

• http://jstherightway.org/
• Things I Wish Someone Had Told Me When I Was Learning How to Code
• Thoughts about differences in individual productivity in software engineering
• https://www.reddit.com/r/LearnJavaScript
• How to get faster pull request reviews

Code to Fiddle With

• http://codepen.io/
• http://wavepot.com/
• https://github.com/iangilman/js-toys
• https://github.com/iangilman/simple-webapp-boilerplate
• https://www.khanacademy.org/profile/iangilman/programs
• https://www.khanacademy.org/cs/browse-programs
• https://github.com/openseadragon/openseadragon/issues?q=bug+label%3A%22good+first+issue%22+
• https://github.com/kylestetz/lissajous
• http://rectangleworld.com/blog/
• http://rileyjshaw.com/terra/
• https://glitch.com/learn-to-code
• 30 seconds of code (Curated collection of useful Javascript snippets that you can understand in 30 seconds or less)

Project Ideas

• http://codeboom.wordpress.com/2012/07/30/10-mini-programming-projects/
• http://inventwithpython.com/blog/2012/02/20/i-need-practice-programming-49-ideas-for-game-clones-to-code/
• https://github.com/rdio/api/issues?labels=project+ideas&state=open (music API project ideas; originally for Rdio but applicable to other services)
• https://www.reddit.com/r/dailyprogrammer/
• https://www.reddit.com/r/dailyprogrammer_ideas/

… Or make something pretty for Arty Widget! Don't forget to take a look at the guidelines.

Libraries

• https://p5js.org/
• http://jquery.com/
• https://underscorejs.org/
• http://lesscss.org/
• http://mrdoob.github.io/three.js/
• http://html5gameengine.com/

Regular Expressions

• http://regexone.com/ (interactive tutorial)
• http://regexpal.com/ (try out your regex)
• http://regexr.com/ (try out your regex)
• http://www.regexper.com/ (diagrams your regex)

Hosting

• https://neocities.org/
• http://pages.github.com/
• https://glitch.com/
• http://www.site44.com/
• http://surge.sh/
• https://hyperdev.com/
• https://zeit.co/now

GitHub

• https://help.github.com/articles/set-up-git
• A Stupid Simple Guide to GIT
• git cheat sheet
• Making a Pull Request (written for OpenSeadragon, but applicable to any project)
• Ian's Git Cheat Sheet (just random bits I've found useful)
• Learn Git Branching

Finding Open Source Projects to Contribute to

• http://up-for-grabs.net/
• https://yourfirstpr.github.io/
• http://24pullrequests.com/
• https://www.codetriage.com/
• https://github.com/MunGell/awesome-for-beginners#javascript
• https://contributor.ninja/
• https://opensource.guide/how-to-contribute/
• https://github.com/trending/javascript
• https://goodfirstissue.dev/

Also, I manage these two projects, and gladly welcome new contributors!

• https://github.com/openseadragon/openseadragon
• https://github.com/pixfabrik/artywidget

Meetups

• http://javascript.meetup.com/cities/us/98108/ (Seattle)

Design

• https://hackdesign.org/

For Kids

• http://coderdojo.com/
• http://scratch.mit.edu/ and http://makomatic.com/dojo/exercises.html
• http://www.thinkfun.com/robotturtles/

More Resource Lists

• Another list of JavaScript resources
• Seattle JS Hackers' resource list
• https://coderdojo.com/resources/