Book Image

ASP.NET MVC 4 Mobile App Development

By : Andy Meadows
Book Image

ASP.NET MVC 4 Mobile App Development

By: Andy Meadows

Overview of this book

The ASP.NET MVC 4 framework is used to build scalable web applications with the help of design patterns and .NET Framework. The Model-View-Controller (MVC) is a design principle which separates the components of a web application. This separation helps you to modify, develop, and test different components of a web application. ASP.NET MVC 4 Mobile App Development helps you to develop next generation applications, while guiding you to deal with the constraints the mobile web places on application development. By the end of the book, you will be well versed with all the aspects of mobile app development. ASP.NET MVC 4 Mobile App Development introduces you to developing mobile web apps using the ASP.NET MVC 4 framework. Walking you through the process of creating a homebrew recipe sharing application, this book teaches you the fundamentals and concepts relevant to developing Internet-ready mobile-enabled web apps. Through the sample application, you will learn how to secure your apps against XSS and CSRF attacks, open up your application to users using third party logins such as Google or Facebook, and how to use Razor, HTML 5, and CSS 3 to create custom views and content targeting mobile devices. Using these custom views, you will then learn how to create web apps with a native mobile device feel using jQuery mobile. By the end of the book, you will be presented with a set of challenges to prove to yourself that you now have the skills to extend your existing web applications to the mobile web or create new mobile web apps.
Table of Contents (23 chapters)
ASP.NET MVC 4 Mobile App Development
Credits
About the Author
Acknowledgment
About the Reviewers
www.PacktPub.com
Preface
7
Separating Functionality Using Routes and Areas
Index

Mobile views


If we examine our layout page, _Layout.cshtml, we see that a bulk of our app's presentation layout is contained within this file. It then seems logical that if we create a layout page specific to mobile devices, we would certainly be on the fast path to offloading some of the presentation logic from the client to the server.

As we have already seen, convention over configuration is pervasive in the ASP.NET MVC 4 framework. One of the slickest extension points in my opinion is the ability to use a .Mobile extension within the name of a view, partial view, or layout to target mobile devices. We will begin extending our support to the mobile web with a mobile layout.

A .Mobile layout

Begin by creating a copy of the _Layout.cshtml file in ~/Views/Shared, and rename the copy to _Layout.Mobile.cshtml. The contents of the Shared folder is shown in the following screenshot:

Open up the new _Layout.Mobile.cshtml file and locate the line used to display the app title.

<p class="site-title...