Getting it going with ASP.NET MVC3 + jQuery Mobile

In the following posts I’d like to show a really basic example how to create a simple jQuery Mobile page containing a page header (e.g. a title) with a toolbar button, a body with some text and a footer with some sort of copyright text. After that I’ll show some basic navigation stuff along with a form and of course submitting this form to a controller action. This will include both client side stuff, e.g. javascript + HTML5 + CSS, and server side code, e.g. MVC controller actions.

I will use Visual Studio and its standard project template for an ASP.NET MVC3 web application, e.g. the empty MVC3 template. I will use the Razor view engine and include jQuery Mobile to make it look good on mobile devices.

No more native (I think)

OK, time for some action around here again! The other day I was browsing the internet and bumped into a comparison between a number of HML5 + Javascript + CSS frameworks for mobile and handheld devices. First of all my aim was to gather more information about the Sencha Touch framework, but since I got started on a ASP.NET MVC3 web project at work I googled for “mobile development using MVC3″ and read about a guy writing about creating a blog using jQuery Mobile and MVC3.

Thanks to Chad Lung! The article was an inspiration to start developing a small mobile time report web application.

So, what’s next? Well, I’ve created an ASP.NET MCV3 web application and started playing around with it to get familiar with the jQuery Mobile framework. So far everything is great, except pretty bad performance on page and dialog transitions on Android devices. Luckily the framework supports disabling all animations on transitions and the application runs smooth. I’ll sum up the things in a separate post later on.