Learning Web App development by Semmy Purewal
The tree diagrams are very helpful in visualising all the elements of a web page. In the process of building the example 'Amazerrific', you fist see the goal page and then break it up into elements on paper and then build them back up on the computer with code. This will build up the confidence of a newbie web developer. Once you get this part, you can build up and delve into more complex stuff like interactive and responsive design, working with java script, what cloud can do for you.
