This document provides an overview of web development using Visual Studio 2012 and ASP.NET MVC. It discusses web fundamentals like HTTP transactions and the role of web servers. It also introduces ASP.NET MVC, covering the model-view-controller pattern, request lifecycle, and creating a sample project. The presenter demonstrates building a simple dynamic website using ASP.NET MVC in Visual Studio 2012.

1. Web Development
using
Visual Studio 2012 &
ASP.NET MVC
Adil Ahmed Mughal

2. Speaker => Adil Ahmed Mughal
Affiliations:
Contact Information:
adil.mughal@live.com
@adilamughal
http://www.adilmughal.com

3. What to Expect Today?
• What you must already know?
– Object Oriented Programming Language such as Java,
C++, C#
– Basic familiarity with web development (HTML, CSS,
JavaScript)
• What you will learn?
– Understanding of how web works under the hood
– A glance look at Model-View-Controller
– Demonstration of sample build using ASP.NET MVC &
Visual Studio 2012

4. Agenda
• Web Fundamentals
– HTTP Transactions
– Static & Dynamic Web Pages
– Role Web Server
• Beginning ASP.NET MVC
– Overview of MVC
– Exploring MVC (File -> New Project)
– ASP.NET Intrinsic objects
– Demo Site

5. HTTP Transactions
• HTTP Request & Response
– The communication mechanism by which Web
browsers talk to Web sites
– As a connection protocol, HTTP is built around
several basic commands
– GET, HEAD, POST
– HTTP is Stateless Protocol

6. HTTP GET
http://www.abc.com
Web Browser Web Site
(Client)
(Server)
Response be rendered
HTML to
by browser

7. HTTP Transactions
• Sample GET Request
GET http://www.adilmughal.com HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg,
image/pjpeg, ... , */*
Accept-Language: en-us
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows
NT 5.1; ... .NET CLR 3.0.04506.30)
Host: localhost:80
Connection: Keep-Alive

8. HTTP Transactions
• Sample Response

9. Static vs. Dynamic Pages
• Static Pages
– The earliest web sites were built primarily using static HTML pages.
– HTML eventually evolved to be capable of much more
• Dynamic Web Pages
– The user can make requests (often through a form) for data contained
in a database on the server that will be assembled on the fly
• What's the difference?
– Static pages are those that send exactly the same response to every
request
– Dynamic pages can customize the response on the server to offer
personalization based on cookies and information it can get from the
visitor.

10. Role of Web Server
• Role of Web Server
– A program on server that monitors port 80 for
incoming HTTP Requests
– On the Microsoft platform, IIS is the watchdog
intercepting HTTP requests from port 80—the
normal inbound port for HTTP requests

11. HTTP GET
http://www.abc.com IIS
(Web
Server)
Web Browser
(Client)
Response be rendered
HTML to Web Site
by browser
(Server)

12. Beginning ASP.NET MVC
• Web application development framework by
Microsoft to easily create dynamic websites
• Built on top of CLR allowing programmer to write
ASP.NET code using any .NET Languages (such as
C#, VB.NET etc.)
• ASP.NET supports three different development
models:
– Web Pages, MVC (Model View Controller), and Web
Forms.

13. Overview of MVC

14. Life Cycle of MVC Request
Browser URL Routing Controller Model View
POST
new
Invoke
Invoke action method
Lookup view
Render (viewData)
HTML

15. Exploring ASP.NET MVC
• Demo: File -> New Project

16. DEMO

17. Web Development
using
Visual Studio 2012 &
ASP.NET MVC
Adil Ahmed Mughal
Thank YOU for your time and
attention!