Building For The Mobile Webdownload.microsoft.com/.../07-BuildingForTheMobileWeb.pdf · (06)...

Building For The Mobile Web

First Half Second Half

(01) What’s New in ASP.NET 4.5 (60 mins) ** MEAL BREAK **

(02) Building and Deploying Websites

with ASP.NET MVC 4 (60 mins)

(06) Building Social Web Applications

with ASP.NET (30 mins)

(03) Creating HTML5 Applications with

jQuery (60 mins)

(07) Building for the Mobile Web (60

mins)

(04) Building a Service Layer with

ASP.NET Web API (30 mins)

(08) Real-time Communications with

SignalR (45 mins)

(05) Leveraging your ASP.NET

Development Skills to Build Office

Apps (15 mins)

(09) Taking advantage of Windows Azure

services (30 mins)

Microsoft /web ®

Microsoft /web ®

Microsoft /web ®

Image viaJosh Helfferich @digerati

http://twitter.com/Digeratii/status/165324320179109888

Before the iPhone After the iPhone

Image via Josh Helfferich @digerati

http://twitter.com/Digeratii/status/165324320179109888

Microsoft /web ®

Microsoft /web ®

Adaptive

Rendering

Display

Modes

Mobile

Template

Do nothing

<meta name="viewport" content="width=device-width" />

<meta name="viewport" content="width=device-width" />

Viewport

DisplayModeProvider.Instance.Modes.Insert(0,

new DefaultDisplayMode("WinPhone")

{

ContextCondition = (

c => c.Request.UserAgent

.IndexOf("Windows Phone OS") > 0)

});

Microsoft /web ®

http://www.asp.net/mobile

http://aka.ms/mvc4-adaptive-rendering

http://aka.ms/mvc4-mobile-tutorial