This document provides an overview of the ASP.NET Jump Start Session - 3. It discusses Abu Md. Khademul Basher's published articles, Windows Phone apps, and contents that will be covered in the session including Visual Studio 2012 IDE, ASP.NET controls like HTML server controls and web server controls, and features like themes, projects, debugging, and more. Validation server controls and a demo are also mentioned.

1. ASP.NET JUMP START SESSION - 3
Abu Md. Khademul Basher
Speaker TechForum,
Microsoft Technical Community

2. MY PUBLISHED ARTICLE IN CODE PROJECT
 Implementation of MVC Patterns in ASP.NET Web forms
Application.
 MVC Patterns (Active and Passive Model) and its
implementation using ASP.NET Web forms
 Easy way to learn the Asp.Net Built in Membership and Role
using custom controls with example
 Single Page Application performing database CRUD operations
using Backbone and ASP.NET Web API
 Apply Here Map in Windows Phone HTML5 Apps

3. WINDOWS PHONE APPS

4. CONTENTS
 Introduction of VS2012 IDE (Integrated
Development Environment).
 ASP.NET Controls
 HTML Server Controls
 Web Server Controls

5. START PAGE
When you first run Visual Studio 2012, you will see the Start Page or you
can open the start page by navigation menu item : View-> Start Page

6. START PAGE……
Get Started Tab
This tab contains the link to MSDN for new features, how to start and some other
links.
How- To Videos
Provide some short streaming videos debugging, code refactoring, testing and
some other.
The Latest News Tab
This tab shows some latest news about windows platform. If you provide a RSS
feed link and click on refresh button then it will provide some link about the
latest updated news.
Sample RSS feed link is:
http://sxp.microsoft.com/feeds/3.0/msdntn/VB_featured_resources

7. COLOR THEME
VS 2012 provide a color theme for visual experience. Visual Studio provide
three themes
 Blue
 Dark
 Light
To get this option browse to: Tools-> Options->Environment->General

8. DARK THEME

9. LIGHT THEME

10. NEW PROJECT (INSTALLED TEMPLATES)
New project window shows the list of all the Installed and Online templates
according to language and platform.

11. NEW PROJECT (ONLINE TEMPLATES)
Online templates according to language and platform.

12. SOLUTION EXPLORER
Solution explorer contains all the project and files and resources.

13. TOOLBOX
Toolbox contains all the HTML and ASP.NET Server tools.

14. TEXT EDITOR OPTIONS
You can setup some important option for your editor. You can set Horizontal
and Vertical Scroll, Line Highlight, display line number etc.
To open this option go to: Tools-> Options->Text Editor->General , C#

15. INTELLISENSE TECHNOLOGY
IntelliSense is one of the most important technologies in the coding experience
with Visual Studio. IntelliSense is represented by a pop-up window that
appears in the code editor each time you begin typing a keyword or an
identifier and shows options for auto-completing words.
To auto-complete your code typing, you have the following alternatives:
 Tab—Pressing this auto-completes your words and enables you to write
other code.
 Space—Pressing this auto-completes your words, adding a blank space
at the end of the added identifier and enabling you to write other code.
 Enter—Pressing this auto-completes your words, adding a couple of
parentheses at the end of the completed identifier and positioning the
cursor on a new line. Use this technique when you need to invoke a
method that does not require arguments.
 Left parenthesis—Pressing this auto-completes your words, adding a
left parenthesis at the end of the completed identifier and waiting for you
to supply arguments.
 Ctrl + Space—Pressing this brings up the full IntelliSense listing.

16. THE PROPERTIES WINDOW
Property window is used to setup the object properties in the design view.

17. PROJECT PROPERTY SETUP
You can set the properties of the project by Right Click on Project->
Properties

18. COMPILING PROJECTS
Compiling a project is the process that produces a .NET assembly. To compile
your project into an assembly you can right click on Solution Explorer -> Build
Solution.
Or from menu Build-> Build Solution or Press F6.

19. RUN THE PROJECT
To run the project you have to go to menu command Debug -> Start Debugging
or Press F5 from Tool bar click on Debut button.

20. BREAKPOINTS
Breakpoints enable you to control the execution flow of your application.
To place a breakpoint on a specific line of code, just place the cursor on the line
of code you want to debug and then press F9 or click on the gray bar at left of
the line.

21. QUICK LAUNCH
Quick Launch - Ctrl+Q located in the top right corner in the Visual Studio 2012
IDE . It is used to find out the command quickly.

22. PIN TABS
You can pin a file to the left of the editor by double click on the file from solution
explorer. If you make a file pin it will always open at the left of the editor.

23. PREVIEW TAB
When you click a file in the solution explorer then editor preview the file at the
right of it.

24. PAGE INSPECTOR
Page inspector is another new feature in Visual Studio 2012, it allows you to
examine the html/css of a web page similar to IE Developer Tool Bar or
Firefox’s Firebug add-on.

25. SOME IMPORTANT TOOLS
The following image shows some important tools
 Browser dropdown
 Debug tools
 Text Editor tools

26. DEPENDENCY GRAPH
Go Architecture-> Generate Dependency Graph -> For Solution
Using this tools you can easily find out the dependency between projects. Event
find out the dependency between functions.

27. MANAGE NUGET TOOLS
Go Project-> Manage NuGet Packages
It will show all the installed packages, online available packages and any
updated packages. And click on Install button one can install this packages
for this project.

28. ASP.NET Controls

29. ASP.NET CONTROLS
There are two types of controls in asp.net
1. HTML Server Controls
2. Web Server Controls
HTML server controls basically the HTML elements with the property
runat=”server”.
The syntax for creating a HTML server control is:
<input runat="server" id="txtName" type="text" />
And we can create in code behind using the syntax
HtmlInputButton btnSubmit = new HtmlInputButton();
Server controls are specially made for server site use and required the
attribute runat=”server”.
The syntax for creating a Web server control is:
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
And we can create in code behind using the syntax
TextBox txtName = new TextBox();

30. WEB SERVER CONTROLS
Details properties of a TextBox control
<asp:TextBox
ID="txtName"
AutoPostBack="True"
CausesValidation="True"
CssClass="string"
Enabled="True"
Height="100px"
MaxLength="100"
OnInit="Init event handler"
OnLoad="Load event handler"
ReadOnly="True|False"
runat="server"
SkinID="string"
TabIndex="1"
Text="Khademul Basher"
TextMode="SingleLine"
ValidationGroup="string"
Visible="True"
Width="200px"
/>

31. VALIDATION SERVER CONTROLS
Control Description
RequiredFieldValidator Makes an input control a required field
RangeValidator Checks that the user enters a value
that falls between two values
RegularExpressionValidator Ensures that the value of an input
control matches a specified pattern
CompareValidator Compares the value of one input
control to the value of another input
control or to a fixed value
CustomValidator Allows you to write a method to handle
the validation of the value entered
ValidationSummary Displays a report of all validation errors
occurred in a Web page

32. DEMO

33. THANK YOU