Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Development        usingVisual Studio 2012 &    ASP.NET MVC  Adil Ahmed Mughal
Speaker => Adil Ahmed MughalAffiliations:Contact Information:      adil.mughal@live.com      @adilamughal      http://www....
What to Expect Today?• What you must already know?  – Object Oriented Programming Language such as Java,    C++, C#  – Bas...
Agenda• Web Fundamentals  – HTTP Transactions  – Static & Dynamic Web Pages  – Role Web Server• Beginning ASP.NET MVC  –  ...
HTTP Transactions• HTTP Request & Response  – The communication mechanism by which Web    browsers talk to Web sites  – As...
HTTP GET              http://www.abc.comWeb Browser                          Web Site  (Client)                           ...
HTTP Transactions• Sample GET Request  GET http://www.adilmughal.com HTTP/1.1  Accept: image/gif, image/x-xbitmap, image/j...
HTTP Transactions• Sample Response
Static vs. Dynamic Pages• Static Pages   – The earliest web sites were built primarily using static HTML pages.   – HTML e...
Role of Web Server• Role of Web Server  – A program on server that monitors port 80 for    incoming HTTP Requests  – On th...
HTTP GET              http://www.abc.com       IIS                                      (Web                              ...
Beginning ASP.NET MVC• Web application development framework by  Microsoft to easily create dynamic websites• Built on top...
Overview of MVC
Life Cycle of MVC RequestBrowser          URL Routing         Controller             Model     View          POST         ...
Exploring ASP.NET MVC• Demo: File -> New Project
DEMO
Web Development           using Visual Studio 2012 &     ASP.NET MVC                              Adil Ahmed MughalThank Y...
Upcoming SlideShare
Loading in …5
×

Web development using ASP.NET MVC

6,925 views

Published on

A talk for newbie web developers at AIOU

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Web development using ASP.NET MVC

  1. 1. Web Development usingVisual Studio 2012 & ASP.NET MVC Adil Ahmed Mughal
  2. 2. Speaker => Adil Ahmed MughalAffiliations:Contact Information: adil.mughal@live.com @adilamughal http://www.adilmughal.com
  3. 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. 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. 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. 6. HTTP GET http://www.abc.comWeb Browser Web Site (Client) (Server) Response be rendered HTML to by browser
  7. 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. 8. HTTP Transactions• Sample Response
  9. 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• Whats 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. 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. 11. HTTP GET http://www.abc.com IIS (Web Server)Web Browser (Client) Response be rendered HTML to Web Site by browser (Server)
  12. 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. 13. Overview of MVC
  14. 14. Life Cycle of MVC RequestBrowser URL Routing Controller Model View POST new Invoke Invoke action method Lookup view Render (viewData) HTML
  15. 15. Exploring ASP.NET MVC• Demo: File -> New Project
  16. 16. DEMO
  17. 17. Web Development using Visual Studio 2012 & ASP.NET MVC Adil Ahmed MughalThank YOU for your time and attention!

×