This walk through also provides some information of how things work behind the scenes so it provides both a practical step by step guide as well as as some practical background about how the framework works.
The samples here are kept visually plain in order to minimize the HTML markup displayed for individual forms and highlight the developer features discussed in each topic.
HTML Page Templates Note:
You can find the page templates for these demos in the \html\ControlDemo_Templates folder of the Web Connection installation. This way you don't have to type in all the HTML manually, but rather you can cut and paste each of the portions you're working with as well as seeing the final output in a working file.
First Step: Create a new project