I teach a 7 week course (it's only on weekends and 3 hours each day). I'm not 100% sure of how effective my teaching has been, based on my student's feedback they all really enjoy the course even when I'm pushing at a very rigorous pace. (All my students have almost no programming background at all and the course is aimed to hopefully engage students to further pursue CS and have a solid foundation of knowledge to do so, not to teach theory anything too heavy).<p>I went through the basics of HTML on the first day, including most of the HTML tags (yeah even <em> and <strong>) and had them try to make a basic page out of that. Then I would review with them a bit of the tags the next day and then I'd move onto basic CSS (CSS Syntax, Block vs Inline, Basic Properties) and I have them improve their page.
The second week I did more advanced CSS (positioning, CSS3, box model, etc.). The next day (day 4) I had them implement those new CSS properties into their page and had them make a nice button out of pure CSS and HTML and tried to guide them through breaking down a webpage. (I found that looking at a page and breaking it down into HTML structure isn't as intuitive as it seems now).
Third week I did intro to Javascript and jQuery. On the first day it was really basic control structures, console, debugging, etc. With that I had them make a "conversation bot" to where they used a bunch of if/else's to try to respond reasonable to user input. Then I moved on to jQuery introducing selectors and then .click() and .slideUp/Down/Toggle to create an animated menu.
Now the fourth week we're currently working on starting our imitation of FlappyBird. (Yes, we're using HTML elements + jQuery, not a HTML Canvas). I think this is the most important part, making sure you're able to apply the basic skills that I covered through the first 3 weeks into a practical application. At this point my focus is on asking the right questions to lead them to answers instead of telling them what to do. Since they should already know the foundations of web development, it's more important that they know how to think like a programmer. I still lead them, giving them hints on which jQuery function to use. But a lot of the time I ask them to look at the jQuery documentation and tell me what we should do. I intentionally introduce half solutions to a problem and ask them why my solution wouldn't work.
As for the rest of the weeks, I'm planning to continue development and refinement and throughout it let them customize their game to use whatever images or arbitrary rules they decide to make.
I hope this would help you a bit. As for resources, I wrote most of my own slides, following the path that a lot of other popular coding sites use. But I felt like some of it I could change to fit my students better and I wanted to be familiar with the curriculum I was teaching, instead of just using some pre-made curriculum. Of course I don't think there's anything wrong with the pre-made curriculum I guess that was more of a personal choice.<p>Full disclosure: I'm 17, so not sure how useful my experience would be.