I have a friend in NYC who has volunteered to teach high schoolers programming this summer. She's a public school teacher with limited resources, but she's been given free rein to teach whatever she wants, and asked me for guidance.<p>Her goal is to get the kids building basic web apps by the end of the summer. It's an ambitious goal but I think it's doable. Some resources I suggested so far:<p>* code.org for free curricula and guidance<p>* glitch.com as an easy and fun platform to start building web apps<p>Are there any other good tools she should check out? Any organizations in the NYC area that could help her? Thanks!
Taught programming to high school students for twenty years....<p>I liked using a bunch of projects with increasing difficulty that students could move through at their own pace. The difference in coding aptitude is really quite astonishing.<p>I wrote a blog post explaining how I used to teach beginners in tremendous detail: <a href="https://grahammitchell.com/writings/how-i-teach-beginners.html" rel="nofollow">https://grahammitchell.com/writings/how-i-teach-beginners.ht...</a><p>I'm not a big fan of CodeCademy; it's seductive but the kids end up not knowing how to do very much at the end.<p>Khan Academy has a decent HTML/CSS/JavaScript curriculum. I never personally used it with students because I wasn't teaching Web Development anymore once they rolled it out. However, I think it looks pretty good. Might be a little fast for some kids.<p>Anyway, hope that helps.
Just in case you haven't run into yet, we also have a specific page on Glitch to highlight "learn to code" projects:<p><a href="https://glitch.com/learn-to-code" rel="nofollow">https://glitch.com/learn-to-code</a>
When I was in high school we used BASIC and then Turing to learn basic instructions. With Turing we were able to learn to draw some basic graphics to the screen, etc. I'm not sure how applicable it would be to web app cases, but it was at least a little engaging at the time.<p><a href="http://tristan.hume.ca/openturing/" rel="nofollow">http://tristan.hume.ca/openturing/</a><p>To build a full web app for the first time without previous exposure could get messy quickly given the current landscape. Maybe start with a simpler website that includes laying out some HTML, styling it, and adding some basic front-end interactivity.<p>If there's a pre existing server that they could interact with, maybe that would help with encouraging them by giving them more immediate results without skimming too much of the detail into what they're actually building, rather than just learning <i>too</i> much by rote.<p>A bit of a search pointed me to Udemy which has a free course covering HTML/CSS laid out already. It wouldn't be too hard to build on something like that to show how Javascript interacts with elements on a web page.<p><a href="https://www.udemy.com/build-your-first-website-in-1-week/" rel="nofollow">https://www.udemy.com/build-your-first-website-in-1-week/</a>
It's not exactly a teaching resource, but one tool I think high schoolers will be interested in is the browser's dev tools.<p>Showing how they can modify websites they visit - even if just to replace a phrase on the homepage of their school's website with something else, like legal graffiti - can interest them in one kind of code - web code. It's not the only or even most important kind of programming, but it's highly accessible/relatable to high schoolers.
I've heard Repl is becoming popular with teenagers, and it's free. <a href="http://repl.it" rel="nofollow">http://repl.it</a>
As a high school student, I've heard great things about Hack Club[1]. It's a full HS coding curriculum with a community of high school students behind it. I believe HN user zachlatta could be able to help you (he runs the program).<p>[1]: <a href="https://hackclub.com/" rel="nofollow">https://hackclub.com/</a>
* Lightbot : Code Hour app: <a href="https://play.google.com/store/apps/details?id=com.lightbot.lightbothoc" rel="nofollow">https://play.google.com/store/apps/details?id=com.lightbot.l...</a><p>* games list: <a href="https://medium.mybridge.co/12-free-resources-learn-to-code-while-playing-games-f7333043de11" rel="nofollow">https://medium.mybridge.co/12-free-resources-learn-to-code-w...</a><p>* side bar of this subreddit: <a href="https://www.reddit.com/r/programmingforkids/" rel="nofollow">https://www.reddit.com/r/programmingforkids/</a><p>* also this Q&A site: <a href="https://cseducators.stackexchange.com/questions?sort=votes" rel="nofollow">https://cseducators.stackexchange.com/questions?sort=votes</a>
Mostly geared to middle school and absolute beginners but worth mentioning:<p>Scratch is a visual environment that will teach the basic of algorithms, loops, decisions, variables etc. using just drag and drop. It has sprites, sounds and everything you need to create rich flash games that can be exported to the web, so coding it's very rewarding, here is what a 12 y/o can create:
<a href="https://scratch.mit.edu/projects/203422373/" rel="nofollow">https://scratch.mit.edu/projects/203422373/</a>
This blog has some good ideas about teaching Python to high school students:
<a href="http://blog.jrheard.com/" rel="nofollow">http://blog.jrheard.com/</a>
Freecodecamp.com - I'm surprised nobody here is touting it. It's the best. Has a forum, has a curriculum, hits on computer knowledge students might have gaps in, uses github, is open source, etc. glitch is a cool way to do a full stack demo but you need to go through some learning on your own first I think and FCC is the best free tool there is
Code Club is great. Has a one year curriculum of Scratch -> HTML & CSS -> Python.<p>Aimed at 10-12, but easily caters to other ages too.<p>Have a look at the tutorials below...<p><a href="https://codeclubprojects.org/en-GB/" rel="nofollow">https://codeclubprojects.org/en-GB/</a>
Check out the projects listed at the Center for Game Science. Two of them (DragonArchitect and BlockStudio) are all about introducing programming concepts to novices.
Disclosure: I'm a grad student at CGS.
I'm no educator, but this material caught my eye a while ago: <a href="http://csfieldguide.org.nz/" rel="nofollow">http://csfieldguide.org.nz/</a>