From Port 80 to Applications

@woodypwoody@pewitt.orgwww.woodyp.info

Agenda• Why do you want to be here?• Where did the web come from?• What parts are there to the web?• What is a web server?• What is a web browser?• How can we control the experience?• What dose ASP.NET do?• Why are there web forms and MVC?• What more should you know?

This session is about you!

How did we get here?Opte Projecthttp://opte.org

Overview Time Line• 1960’s– Electronic mail– 1962 when the RAND tackled the problem of how they

could communicate in the aftermath of a nuclear attack

• 1969– Telnet: A system for logging in, over a network, to a

computer situated in another location.– ARPANET connected Stanford research Institute in

Santa Barbara to the University of Utah• …Source: http://www.zakon.org/robert/internet/timeline/ &

http://en.wikipedia.org/wiki/Timeline_of_popular_Internet_services

Overview• Packet-switched networking– ARPANET– Telenet– X.25

• Internet Protocol Suite– TCP/IP

How dose it work?• IPv6 used to identify and locate hosts on the

network• Transport Layer handles direct host-to-host

communication tasks• Which provides a general framework to

transmit data between hosts using protocols like the Transmission Control Protocol (TCP) and the User Datagram Protocol (UDP).

Or Better Said

Source: http://en.wikipedia.org/wiki/Internet_Protocol_Suite

And

Source: http://en.wikipedia.org/wiki/Internet_Protocol_Suite

Internet Protocol Suite• Application Layer

– BGP · DHCP · DNS · FTP · HTTP · IMAP · IRC · LDAP · MGCP · NNTP · NTP · POP · RIP · RPC · RTP · SIP · SMTP · SNMP · SSH · Telnet · TLS/SSL · XMPP · (more)

• Transport Layer– TCP · UDP · DCCP · SCTP · RSVP · ECN ·(more)

• Internet Layer– IP (IPv4, IPv6) · ICMP · ICMPv6 · IGMP · IPsec · (More)

• Link Layer– ARP/InARP · NDP · OSPF · Tunnels (L2TP) · PPP · Media Access

Control (Ethernet, DSL, ISDN, FDDI) · (more).

Where web devs live• Hypertext Transfer Protocol (HTTP)– June 1999 RFC 2616 (defines HTTP/1.1)

• At First the only supported method was GET– The response from the server was always an HTML

page

• By March 1996, pre-standard HTTP/1.1 was supported in– Arena, Netscape 2.0, Netscape Navigator Gold 2.01,

Mosaic 2.7, Lynx 2.5, and in Internet Explorer 3.0. link

HTTP Methods• HEAD– Like GET request, but without the response body.

• GET– Requests a representation of the specified

resource. • POST– Submits data to be processed

• PUT– Uploads a representation of the specified resource.

HTTP Methods• DELETE

– Deletes the specified resource.

• TRACE– Echoes back the received request

• OPTIONS– Returns the HTTP methods that the server supports for

specified URL

• CONNECT– Converts the request connection to a transparent TCP/IP

tunnel

• PATCH– Is used to apply partial modifications to a resource.

Request Life Cycle

Client Request (URL)

Name Server resolves ULR with Domain name system

(DNS)

http://bing.com

http:

//65

.55.

175.

254

http://65.55.175.254

Request Routing

Server Processes

Response to client

Where is the Magic?

Web Servers• Receive Request• Process Request– ISAPI (Internet Server Application Programming Interface)

– CGI (Common Gateway Interface)

– IIS 7 (Managed Code or Unmanaged Code)

• Return Requested Resource– Or Error if not available

IIS 7

IIS Cycle

Process RequestFor IIS 7 & ASP.NET

ASP.NET Page

ASP.NET MVC

DEMO

Resources • Internet History– computerhistory.org/internet_history/– www.zakon.org/robert/internet/timeline/– en.wikipedia.org/wiki/

Timeline_of_popular_Internet_services• Tools– http://fiddler2.com– http://msdn.microsoft.com/en-us/ie/aa740478– http://code.google.com/chrome/devtools/

Thank YouWoody PewittTechnical EvangelistDevExpress

@woodypwoody@pewitt.orghttp://blog.pewitt.org