ASP.NET MVC Starter Series – 2. How ASP.NET MVC works?

In the previous post What is ASP.NET MVC?, I provided a basic overview on the ASP.NET MVC, its advantages over traditional web forms and its components.

For this post, as the title suggests, I will focus on how ASP.NET MVC works. The figure shown below (fig 2.1) will help understand how the user request is handled in a MVC application.

fig 2.1 MVC workflow
fig 2.1 MVC workflow

Continue reading

Advertisements

ASP.NET MVC Starter Series – 1. What is ASP.NET MVC?

This is the first post, intended to provide a basic overview on ASP.NET MVC, to be followed by a series of other helpful posts.

Before starting with ASP.NET MVC, let’s brush up on our understanding of MVC. MVC stands for Model-View-Controller. It is an architectural design pattern that separates the components of web application. It facilitates the independent development, testing and maintenance. This point will be illustrated later in this post.

In any traditional web application, we have individual components such as UI logic, business logic and back-end logic as shown in fig 1 below

fig 1: Structure of traditional web structure
fig 1: Structure of traditional web structure

Continue reading

Twitter Bootstrap : My salvation for UI hell

In my 5+ years experience in .NET development, I could never make myself fond of creating those “pretty” .aspx pages. But I need not stress myself over this anymore. Thanks to the Twitter Bootstrap – “A full featured CSS framework with added javascript plugins, html scaffolding and components”.

As per Wikipedia, “Twitter Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional Javascript extensions.”

Originally, Bootstrap was developed by Mark Otto and Jacob Thomson at Twitter as a framework to encourage consistency across internal tools. Seeing this framework as a potential tool for accelerated project development, it gained popularity and was released as open-source in August, 2011 and has been the most popular GitHub development project as of February 2012.

It is really east to get started with bootstrap. One just needs to download the compiled and minified version available at http://twitter.github.io/bootstrap/assets/bootstrap.zip . The following files will be added to the project.

Image

Once this is done, just include these CSS and JS files in your HTML or aspx file to make it a boostrapped file.

Image

There are a couple of sample templates that help create the needed layout in a snap, available @ http://twitter.github.io/bootstrap/getting-started.html#examples .

This framework has helped me create “pretty” HTML pages on a fly, without worrying about any CSS hassles, literally saving me the UI hell.

Reference: http://twitter.github.io/bootstrap/index.html