1. NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB PROGRAMMING WITH MICROSOFT VISUAL STUDIO 2013 WEEK1 Introduction to ASP.NET Explore ASP.NET Web applications in Microsoft Visual Studio 2013.

2. ASP.net  ASP.NET is a framework for creating web sites, apps and services with HTML, CSS and JavaScript.  "ASP.NET is a technology for building powerful, dynamic Web applications and is part of the.NET Framework". .NET is language independent, which means you can use any.NET supported language to make.NET applications. The most common languages for writing ASP.NET applications are C# and VB.NET

3. .NET framework The.NET Framework (pronounced “dot net”) is a software framework that runs primarily on Microsoft Windows. It includes a large library and supports several programming languages which allow language interoperability (each language can use code written in other languages). The.NET library is available to all the programming languages that.NET supports. Programs written for the.NET Framework execute in a software environment, known as the Common Language Runtime (CLR), an application virtual machine that provides important services such as security, memory management, and exception handling. The class library and the CLR together constitute the.NET Framework.

4. Microsoft Visual Studio Microsoft Visual Studio is an integrated development environment (IDE) from Microsoft. It can be used to develop console and graphical user interface applications along with Windows Forms applications, web sites, web applications, and web services in both native code together with managed code for all platforms supported by Microsoft Windows, Windows Phone, Windows CE,.NET Framework,.NET Compact Framework and Microsoft Silverlight.

5. Visual Studio IDE Overview  The Visual Studio IDE (interactive development environment) can increase your productivity when you write, debug, and test code.

6. Visual Studio IDE Overview The primary windows in Visual Studio include  the Solution Explorer,  the Server Explorer (Database Explorer in Express),  the Properties Window,  the Toolbox,  the Toolbar, and  the Document Window.

7. Visual Studio IDE Overview  After you open Visual Studio, you can identify the tool windows, the menus and toolbars, and the main window space. Tool windows are docked on the left and right sides of the application window, with Quick Launch, the menu bar, and the standard toolbar at the top. In the center of the application window is the Start Page. When you load a solution or project, editors and designers appear in the space where the Start Page is. When you develop an application, you’ll spend most of your time in this central area.

8. Visual Studio IDE Overview  You can make additional customizations to Visual Studio, such as changing the font face and size of the text in the editor or the color theme of the IDE, by using the Options dialog box. Depending on the settings combination that you’ve applied, some items in that dialog box might not appear automatically. You can make sure that all possible options appear by choosing the Show all settings check box.

9. To change the color theme of the IDE  Open the Options dialog box by choosing the Tools menu at the top and then the Options … item.

10. Creating the Project 1. Open Visual Studio. 2. Select New Project from the File menu in Visual Studio. 3. Select the Templates -> Visual C# -> Web templates group on the left. 4. Choose the ASP.NET Web Application template in the center column.

11. Creating the Project  5. Name your project choose the OK but

12. Creating the Project 6. Next, select the Web Forms template and chooks the Create Project button.

13. Creating the Project  The project will take a little time to create. When it’s ready, open the Default.aspx page.

14. Different Views in Visual Studio IDE  Design View Design view displays ASP.NET Web pages, master pages, content pages, HTML pages, and user controls using a near-WYSIWYG view.  Source View To switch between Design view and Source view by selecting an option at the bottom of the center window. Source view displays the HTML markup for your Web page, which you can edit.

15. Understanding the ASP.NET Frameworks ASP.NET offers four primary development frameworks:  ASP.NET Web Forms The Web Forms framework targets developers who prefer declarative and control-based programming, such as Microsoft Windows Forms  ASP.NET MVC ASP.NET MVC targets developers who are interested in patterns and principles like test- driven development, separation of concerns, inversion of control (IoC), and dependency injection (DI).  ASP.NET Web Pages ASP.NET Web Pages targets developers who want a simple web development story, along the lines of PHP.  ASP.NET Single Page Application ASP.NET Single Page Application (SPA) helps you build applications that include significant client-side interactions using HTML 5, CSS 3 and JavaScript.