jQuery Cookbook: jQuery UI for ASP.NET MVC Developers

These articles were part of a 50 article series on ASP.NET WebForms, MVC2, jQuery and jQuery UI. Below are the articles that relate directly to the jQuery UI library.

Each article is written in a recipe format with progressively complex examples and online samples.  Please note: because the articles are not yet published to the final environment, some of the published samples are not available or not fully working.

• How Do I use jQuery with ASP.NET MVC?
• How Do I Display a Dialog Box?
• How Do I Create a Popup Date Picker?
• How Do I Display an Accordion?
• How Do I Display a Progress Bar?
• How Do I Display a Slider?

Looking for help on getting going with jQuery in MVC2? Here's a few more artlcles that I contributed to the project:

• How Do I Start Using jQuery?
• How Do I Get Intellisense for jQuery?
• How Do I Add jQuery to an ASP.NET MVC Application?
• How Do I Retrieve Data from a Controller Action?
• How Do I Post Data to a Controller Action?

ASP.NET and jQuery Series

When Microsoft announced that they would be playing nicely with jQuery I created this four-part series of real-world scenarios to illustrate how you'd use the jQuery UI components in your ASP.NET MVC web applications.

Part 1: Getting Started

• A primer on getting ASP.NET MVC 2 rigged up to use jQuery.  Walks you through the basics required to use the JavaScript library across all pages in a Master Page template-based site.

Part 2: Suggesting Content

• Create a suggestion panel similar to sites like StackOverflow and MSDN when users enter text.  Uses jQuery to submit form information to an ASP.NET MVC controller action and display the formatted PartialView on the client via AJAX.

Part 3: Model Binding

• A primer on model binding in ASP.NET MVC and how to leverage some of the basics with jQuery. Covers submitting form data and parsing the result along with a small hint of jQuery UI.

Part 4: Advanced Model Binding

• A look at how lists and complex objects can be manipulated on the client with the help of jQuery, submitted to the action for processing and having the MVC Framework properly build up even complex objects for us in the controller.

jQuery and ASP.NET MVC and Visual Studio

No real theme here, but here are a couple of earlier articles I've written on the subject.

• Updating the default version of jQuery in VS2010 project templates
• A Basic Pop-Out Panel with jQuery and Partial Views

Working In Windows Azure

If you're looking to get your hands dirty in cloud development (but perhaps not your elbows) then check out these articles then this isn't a bad place to start! These are a couple of walkthroughs, some tips and pointers to help you through some of the training kit samples.

Introduction to Azure

This is a simple application, but it also takes you through the excercise of getting your development environment ready to roll for Azure development: The PhluffyFotos Sample Application

Rolling Out

Get your trial account set up with the Azure folks and try your hand at publishing a multi-role application out into a brave new interwebs: An Azure Deployment Primer