ASP.NET MVC 5 Intro.pdf

7/25/2019 ASP.NET MVC 5 Intro.pdf

1/35

IntroducingASP.NET MVC 5

- Day 1

By

I. Sekhar Sriniva

Email Id :sekharonline4u@

Facebook :http://facebook.c

YouTube :

http://youtube.co

Website:

www.sekharthegu
mailto:[email protected]://facebook.com/sekharonlinehttp://facebook.com/sekharonlinemailto:[email protected]


2/35

Agenda

Introduction to ASP.NET MVC Getting Started

Creating an Application in ASP.NET MVC

Working with Controllers in ASP.NET MVC

Understanding Razor View Engine

Understanding Bootstrap 3 usage in MVC


3/35

Why Should We Care About?

Build on ASP.NET

Scalable

Extensible

Testable


4/35

History of MVC

Introduced by TrygveReenskaug in 1979. First used in SmallTalk 80.

MVC is also used by:

Java: Structs, Spring

PHP: Cake PHP

Python: Django Ruby: Ruby on Rails

Perl: Catalyst

.NET: ASP.NET MVC


5/35

History of ASP.NET MVC Cont.

1.0

( 2009 )

2.0

( 2010 )

3.0

( 2011 )

4.0

( 2012 )

MVC Essentials

Models , Viewsand Controllers

URL Routing

HTML Helpers

Model Binding

Model LevelValidations using

Validation

Attributes

Lambda

Expressions in

HTML Helpers

Razor Engine

View Remote

Validations

Global Action

Filters

Dependency

Resolvers

Project Templates

Web API Bundles and

Minification

Jquery Mobile

Integration

Open

Authentications


6/35

What MVC is Not?

Not the new Web Forms 4.0 Not a replacement for Web Forms, but Adds to it

It can not use Web Controls

Not a whole new engine but sits on ASP.NET engine

Not the best solution for REST


7/35

What is ASP.NET MVC ?

A new Web Application Project type Simply an option

Not a replacement for WebForms

Builds on top ASP.NET

Manual vs Automatic Transmission


8/35

What ASP.NET MVC is?

Maintain Clean Separation of Concerns

Extensible and Pluggable

Enable clean URLs and HTML

Great integration within ASP.NET

Tooling Support


9/35

Tools to Use Setting Environment

VS.NET 2013: ASP.NET MVC 4 and ASP.NET MVC 5 are built-i

VS.NET 2012: ASP.NET MVC 3 and ASP.NET MVC 4 are built-i

VS.NET 2010 SP1: ASP.NET MVC 2 is built-in

To use MVC3:

Install "ASP.NETMVC3RTM

To use MVC4:

Install "ASP.NETMVC4forVisualStudio2010SP1"
http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=4211http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=4211http://www.microsoft.com/en-in/download/details.aspx?id=30683http://www.microsoft.com/en-in/download/details.aspx?id=30683http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=4211


10/35

New Features of ASP.NET MVC 5

Sites Ser

SinglePage

Apps

MVC Web APIWeb PagesWeb Forms

ASP.NET


11/35

Introducing ASP.NET MVC

MVC is an Architectural Pattern which separates an application into 3 main compon

Model

View Controller


12/35

ASP.NET MVC Flow

Request

Controller

Step 1

Incoming request directed to Controller


13/35

ASP.NET MVC Flow

Controller

Model

Step 2Controller processes request and forms a data Model


14/35

ASP.NET MVC Flow

Controller

ViewStep 3

Model is passed to View


15/35

ASP.NET MVC Flow

Controller

View

Step 4

View transforms Model into appropriate output for


16/35

ASP.NET MVC Flow

Response

Controller

View

Step 5

Response is rendered


17/35

Thread Pool

Requests

Busy Busy Busy Busy

SlowSlowSlow Slo

Traditional Web Application Developm


18/35

Thread Pool

Requests

Slow

Async. Programming in ASP.NET MV


19/35

To MVC or not To MVC, Thats the


20/35

Understanding Controllers

It is a class which is used to accept the request from the useprovide the response to the user.

ControllersAction

Action

Results

Action

Parameters

Action

Filters

Routing


21/35

Controllers Actions

Actions are the ultimate request destination Public controlmethods

Non-static

No return value restrictions


22/35

Action Parameters

Actions can take a variety of parameters Primitive parametbool, string)

Complex parameters

Model Binder looks for parameter values In route data

In form data

In query string


23/35

Results Actions typically return an ActionResult


24/35

Action Selectors

ActionName

AcceptVerbs HttpPost, HttpGet


25/35

Action Filters


26/35

Custom Action Filters

Derive from ActionFilterAttribute base class


27/35

ASP.NET MVC Request Flow

Request

HTTPRouting

RouteRoute

Handler

HttpHandler

Controller

ViewEngine

View

Response


28/35

Demos


29/35

Different Sizes !

Different Resolutions !


30/35


31/35

Devices supported by Bootstrap

Extremely Small

Devices

Phones(


32/35

What is Bootstrap 3 Grid System ?

1 2 3 4 5 6 7 8 9 10 11 1

Col-md-12

Col-md-12

Col-md-6

Col-md-6 Col-md-6

Col-md-8

Col-md-8

Col-md-4

Col-md-4

col-md-3 col-md-offset-3

col-md-3

col-md-offset-3

col-md-3 col-md-offset-1

col-md-3

col-md-offset-1


33/35

Bootstrap Grid Mobile Tablet and De

Col-xs-X Col-sm-X Col-md-X

1 2 3 4 5 6 7 8 9 10 11 1

Col-md-8 col-sm-6 col-xs-12 Col-md-4 col-xs-6


34/35

Demos


35/35

Questions?

By

Sekhar Srinivasan ( MCT )

Email Id :[email protected]

Facebook :

http://facebook.com/sekharonline

YouTube :

http://youtube.com/sekharonline4u

Website:

www.sekhartheguru.net
mailto:[email protected]://facebook.com/sekharonlinehttp://facebook.com/sekharonlinemailto:[email protected]

Documents

ASP.NET MVC 5 Intro.pdf