Scenario-based learning for web development class

Hi Tamara - http://ladieslearningcode.com provides some really easy to follow scenarios. You basically start with a blank page, and each 'lesson' builds on that blank page until it's the end product. I think something similar would work really well. I took the intro to html and css that they offer online, and it really provided a great foundation. You should really consider your audience, and dumb down your level of understanding (while not dumbing down your expertise) to showcase really basic functions in a very straightforward manner

ladies learning code specifically used a lot of screensharing of text-editor documents to illustrate the code and then the resulting page based on the code. 

Thanks for the suggestions--I really liked the 'challenges' in Code School. I have taught a range from grade 8 through to first year community college and want to make the content a bit more engaging when presented online. Some really nice ideas! Thanks for those.

 Ashley, when you say screen-sharing are you talking about a synchronous online class environment - because that would be an interesting way to make a course more interactive and participatory.

Best - tamara

Sorry Tamara - I meant screencasts - they included screencasts that alternated between webcam and the program being used.

You could try something like this https://codecombat.com/.  This site teaches you how to code in javscript while playing a game. You have to enter code to combat the monsters.

Throw the learner into a situation where their ability to code is going to save their character's life or save the world.

I remember a game I got as a kid that taught me to code in basic by basically throwing me onto a spaceship that was failing in the middle of space and requiring me to learn and author code in order to fix the ship. Not only did I love that "game" but I learned quite a bit playing it.