Compartir a través de

Introducción al tutorial de NerdDinner

  • Artículo

por Scott Hanselman

Descargar PDF

La mejor manera de aprender un nuevo marco es compilar algo con él. En este tutorial se explica cómo crear una aplicación pequeña, pero completa, con ASP.NET MVC 1 y se presentan algunos de los conceptos básicos subyacentes.

Si usa ASP.NET MVC 3, le recomendamos que siga los tutoriales Introducción a MVC 3 o MVC Music Store.

Tutorial de NerdDinner

La mejor manera de aprender un nuevo marco es compilar algo con él. En este tutorial se explica cómo crear una aplicación pequeña, pero completa, con ASP.NET MVC y se presentan algunos de los conceptos básicos subyacentes.

La aplicación que vamos a compilar se llama "NerdDinner". NerdDinner ofrece una forma sencilla de encontrar y organizar cenas en línea:

Screenshot of the Nerd Dinner application page. The Host a Dinner page is shown.

NerdDinner permite a los usuarios registrados crear, editar y eliminar cenas. Aplica un conjunto coherente de reglas de validación y de negocios en toda la aplicación:

Screenshot of the Nerd Dinner application page. The Edit Dinner page is shown.

Los visitantes pueden usar un mapa basado en AJAX para buscar las próximas cenas que se celebren cerca de ellos:

Screenshot of the Nerd Dinner A J A X based map page.

Hacer clic en una cena les llevará a una página de detalles donde podrán aprender más información sobre ella:

Screenshot of the Nerd Dinner web page with details about the A S P dot NET Study Group dinner.

Si están interesados en asistir a la cena pueden iniciar sesión o registrarse en el sitio:

Screenshot of the Nerd Dinner Log On page.

Después pueden hacer clic en un vínculo de RSVP basado en AJAX para asistir al evento:

Screenshot of the Nerd Dinner Study Group page. The R S V P button can be found at the bottom.

Screenshot of the Nerd Dinner details page. A message saying Thanks we'll see you there is shown.

Implementación de NerdDinner

Vamos a comenzar nuestra aplicación NerdDinner usando el comando Archivo->Nuevo proyecto dentro de Visual Studio para crear un nuevo proyecto de ASP.NET MVC. Después iremos agregando funcionalidad y características. A lo largo del camino cubriremos:

  1. Cómo crear un nuevo proyecto de ASP.NET MVC
  2. Cómo crear una base de datos
  3. Cómo compilar un modelo con validaciones de reglas de negocio
  4. Cómo usar controladores y vistas para implementar una interfaz de usuario de lista y detalles
  5. Cómo proporciona la compatibilidad con entradas de formularios de datos CRUD (crear, leer, actualizar y eliminar)
  6. Cómo usar ViewData e implementar clases ViewModel
  7. Cómo reutilizar la interfaz de usuario usando páginas maestras y parciales
  8. Cómo implementar una paginación de datos eficaz
  9. Cómo proteger aplicaciones usando autenticación y autorización
  10. Cómo usar AJAX para ofrecer actualizaciones dinámicas
  11. Cómo usar AJAX para implementar escenarios de asignación
  12. Cómo habilitar las pruebas unitarias automatizadas

Puede desarrollar su propia copia de NerdDinner desde cero, finalizando cada uno de los pasos que explicamos en este capítulo. También puede descargar una versión finalizada del código fuente aquí: NerdDinner en GitHub. También puede descargar una versión PDF gratuita de este tutorial si quiere leer el tutorial sin conexión.

Puede usar Visual Studio 2008 o el programa gratuito Visual Web Developer 2008 Express para desarrollar la aplicación. Puede usar SQL Server o el servidor gratuito SQL Server Express para la base de datos.

Puede instalar ASP.NET MVC, Visual Web Developer 2008 Express y SQL Server Express (todos gratuitos) usando la V2 del Instalador de plataforma web de Microsoft.

Ahora vamos a empezar....

Ahora que hemos cubierto lo que es NerdDinner, vamos a enfrascarnos y escribir algo de código.

Comenzaremos usando Archivo->Nuevo proyecto dentro de Visual Studio para crear la aplicación NerdDinner.

Siguiente