Apresentando o Tutorial do NerdDinner

por Scott Hanselman

Baixar PDF

A melhor maneira de aprender uma nova estrutura é criar algo com ela. Este tutorial explica como criar um aplicativo pequeno, mas completo, usando ASP.NET MVC 1 e apresenta alguns dos principais conceitos por trás dele.

Se você estiver usando ASP.NET MVC 3, recomendamos que você siga os tutoriais Introdução ao MVC 3 ou MVC Music Store.

NerdDinner Tutorial

A melhor maneira de aprender uma nova estrutura é criar algo com ela. Este tutorial explica como criar um aplicativo pequeno, mas completo, usando ASP.NET MVC e apresenta alguns dos principais conceitos por trás dele.

O aplicativo que vamos criar se chama "NerdDinner". NerdDinner fornece uma maneira fácil para as pessoas encontrarem e organizarem jantares online:

Captura de tela da página do aplicativo Nerd Dinner. A página Hospedar um Jantar é mostrada.

O NerdDinner permite que usuários registrados criem, editem e excluam jantares. Ele impõe um conjunto consistente de regras de validação e de negócios em todo o aplicativo:

Captura de tela da página do aplicativo Nerd Dinner. A página Editar Jantar é mostrada.

Os visitantes podem usar um mapa baseado em AJAX para procurar os próximos jantares que estão sendo realizados perto deles:

Captura de tela da página de mapa baseada em Nerd Dinner A J A X.

Clicar em um jantar levará-os a uma página de detalhes onde eles podem saber mais sobre isso:

Captura de tela da página da Web Nerd Dinner com detalhes sobre o jantar do Grupo de Estudos do A SP dot NET.

Se estiverem interessados em participar do jantar, eles poderão fazer logon ou se registrar no site:

Captura de tela da Página de Login do Jantar Nerd.

Em seguida, eles podem clicar em um link RSVP baseado em AJAX para participar do evento:

Captura de tela da página do Grupo de Estudos do Jantar Nerd. O botão RSVP pode ser encontrado na parte inferior.

Captura de tela da página de detalhes do Jantar Nerd. Uma mensagem dizendo Obrigado, vamos vê-lo lá é mostrada.

Implementando o NerdDinner

Vamos começar nosso aplicativo NerdDinner usando o comando File-New> Project no Visual Studio para criar um novo projeto ASP.NET MVC. Em seguida, adicionaremos funcionalidades e recursos incrementalmente. Ao longo do caminho, abordaremos:

  1. Como criar um novo projeto ASP.NET MVC
  2. Como criar um banco de dados
  3. Como criar um modelo com validações de regra de negócios
  4. Como usar controladores e exibições para implementar uma interface do usuário de listagem/detalhes
  5. Como fornecer suporte à entrada de formulário de dados CRUD (criar, ler, atualizar, excluir)
  6. Como usar ViewData e implementar classes ViewModel
  7. Como reutilizar a interface do usuário usando páginas mestras e parciais
  8. Como implementar a eficiente paginação de dados
  9. Como proteger aplicativos usando autenticação e autorização
  10. Como usar o AJAX para fornecer atualizações dinâmicas
  11. Como usar o AJAX para implementar cenários de mapeamento
  12. Como habilitar o teste de unidade automatizado

Você pode criar sua própria cópia do NerdDinner do zero completando cada etapa que passo a passo neste capítulo. Como alternativa, você pode baixar uma versão completa do código-fonte aqui: NerdDinner no GitHub. Opcionalmente, você também pode baixar uma versão em PDF gratuita deste tutorial se quiser ler o tutorial offline.

Você pode usar o Visual Studio 2008 ou o Visual Web Developer 2008 Express gratuito para criar o aplicativo. Você pode usar o SQL Server ou o SQL Server Express gratuito para o banco de dados.

Você pode instalar ASP.NET MVC, Visual Web Developer 2008 Express e SQL Server Express (todos gratuitos) usando a V2 do Microsoft Web Platform Installer

Agora vamos começar...

Agora que abordamos o que é NerdDinner, vamos arregaçar as mangas e escrever um código.

Começaremos usando o File-New> Project no Visual Studio para criar o aplicativo NerdDinner.