##Resource List for Volunteers
###General Teaching Strategies -Khan Academy Design Guidelines
-Teach like a Champion: 49 Techniques that Put Students on the Path to College: Notes by Manish Sinha
###HTML and CSS
- Chrome Dev Tools - The best way for students to play with html and css and get feedback from the changes is to play with websites witht the Chrome Dev Tools. Easy to do on any pages. Immediate feedback. Here's the guide.
- MDN References - Basically the manual for css/html. A great site to have the students bookmark to check whenever they forget how to use a tag or a rule.
- [Thimble](https://thimble.webmaker.org/](https://thimble.webmaker.org/) - Allows students to "remix" HTML and CSS pages. Like a more persistant/bigger version of the Chrome Dev Tools.
- Codecademy Lesson on CSS Positioning - In my opinion, one of the better Codecademy resources. A pretty thorough walkthrough of the box model, position, floating, etc. A great thing to point students at after simple positioning has been introduced.
- CSS Specificity Wars - Though not something we directly cover, CSS specificity can be a tricky subject for both students and teachers. The question "But why aren't my styles showing up?" often comes down to a problem with specificity. This is the only resource I use to remember how it all works.
###Javascript
- JS Fiddle
- Learning JavaScript Design Patterns - The best free guide to writing idiomatic JavaScript. Definitely for more advanced students. However, the transition from kludger of snippets to one-with-the-js comes through the road paved with these patterns and idioms.
- JavaScript Patterns - One of the best short guides to JavaScript that actually shows how to think in a JS mindset. Since JavaScript is so deconstructed, the patterns of its use are incredibly important. Definitely an advanced resource but one of the most effective ways to learn about / put into words the uses of closures and prototypes.
- Understanding JavaScript Function Invocation and "this" - Hands down, this is the right way to learn why 'this' works the way it does in JavaScript. Really, it's one of the most important concepts in JavaScript: that all function invocation is just sugar around the function.call method. This is not something you just want to hand off to students, but it's a great way to frame the discussion if it ever comes up. It's basically required reading for teaching JS.
- JSLint - As always, JSLint will make you cry. However, it's an invaluable resource for checking the code you are showing students. Try to avoid doing too many things that JSLint yells at you for. This hedges against showing the students bad, ugly code.
- JS Beautifier - A good resource for fixing badly indented, spaced code.
- MDN JavaScript - Encyclopedic reference for all questions about standard library, language specification, etc. Much better than W3Schools. Don't use that trash.
###Git
- Git Ready - The best collection of git tutorials out there. If you can't learn it here, it cannot be learned. I especially recommend the "Branching and Merging", "Pushing and Pulling" and "The Staging Area" lessons.
- Git - The Simple Guide - Great beginner tutorial.
- Carats and Tildes, Resets and Reverts - A guide we developed covering two advanced topics in git that are, actually, pretty useful to anyone. How to reset to a relative commit ("Give me the file two versions ago") and how to revert changes ("I wanna to recommit all the changes from one commit on top of my new ones"). Only putting this here because a common beginner git question is "How do I just go back to what I had yesterday".
- How to write better commit messages - Good to get students in the habit of writing good commit messages even though no one will ever actually do this right. Could be impressive in a job interview though.
- NYC Department of Education School Year Schedule - New York City Department of Education's calendar for the 2013-2014 year. Plan accordingly!