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

Mobilizing BrewHow


By installing the jQuery Mobile NuGet package and using the new layout template, we could declare success on mobilizing our site. It does provide a lot of functionality out of the box and it may be sufficient for a good portion of sites out there. We, however, are looking for a much more native experience for our users. To provide this, we need to take some UI queues from the mobile apps we use on a day-to-day basis and incorporate that knowledge with what we've learned about developing for the mobile web into our app.

Adjusting the header

Most mobile apps that we use on a day-to-day basis provide us with a header providing some basic functionality or, at the very least, the title of the app. Our app should be no different.

In our header, we should include navigation to return back to the starting page of our app: the recipe list. We also want the user to know they're running the BrewHow mobile app so we should probably include a simple title. Given the user is, in fact,...