Creación del proyecto

Sugerencia

Descripción de los marcos de ASP.NET

ASP.NET Web Forms le permite crear sitios web dinámicos mediante un modelo conocido basado en eventos y arrastrar y colocar. Una superficie de diseño y cientos de controles y componentes permiten crear rápidamente sitios sofisticados y eficaces controlados por la interfaz de usuario con acceso a datos. Wingtip Toy Store se basa en ASP.NET Web Forms, pero muchos de los conceptos que aprende en esta serie de tutoriales se aplican a todos los ASP.NET.

ASP.NET ofrece cuatro marcos de desarrollo principales:

• formularios web de ASP.NET
  El marco de Web Forms tiene como destino a los desarrolladores que prefieren programación declarativa y basada en control, como Microsoft Windows Forms (WinForms) y WPF/XAML/Silverlight. Ofrece un modelo de desarrollo basado en el diseñador WYSIWYG, por lo que es popular con los desarrolladores que buscan un entorno de desarrollo rápido de aplicaciones (RAD) para el desarrollo web. Si no está familiarizado con la programación web y está familiarizado con las herramientas tradicionales de desarrollo de cliente de Microsoft RAD (por ejemplo, para Visual Basic y Visual C#), puede compilar rápidamente una aplicación web sin tener experiencia en HTML y JavaScript.
• ASP.NET MVC
  ASP.NET MVC tiene como destino a los desarrolladores interesados en patrones y principios, como el desarrollo controlado por pruebas, la separación de preocupaciones, la inversión de control (IoC) y la inserción de dependencias (DI). Este marco fomenta la separación del nivel de lógica de negocios de una aplicación web de su capa de presentación.
• páginas web de ASP.NET
  ASP.NET Web Pages está dirigido a los desarrolladores que desean una experiencia de desarrollo web sencilla, similar a PHP. En el modelo de páginas web, se crean páginas HTML y, a continuación, se agrega código basado en servidor a la página para controlar dinámicamente cómo se representa ese marcado. Las páginas web están diseñadas específicamente para ser un marco ligero y es el punto de entrada más sencillo en ASP.NET para personas que conocen HTML, pero es posible que no tengan una amplia experiencia de programación, por ejemplo, estudiantes o aficionados. También es una buena manera de que los desarrolladores web que conozcan PHP o marcos similares empiecen a usar ASP.NET.
• aplicación de página única de ASP.NET
  ASP.NET aplicación de página única (SPA) le ayuda a crear aplicaciones que incluyen interacciones significativas del lado cliente mediante HTML 5, CSS 3 y JavaScript. La actualización de ASP.NET y Web Tools 2012.2 incluye una nueva plantilla para crear aplicaciones de página única mediante knockout.js y ASP.NET WEB API. Además de la nueva plantilla de SPA, también están disponibles nuevas plantillas de SPA creadas por la comunidad para su descarga.

Además de los cuatro marcos de desarrollo principales, ASP.NET también ofrece tecnologías adicionales que son importantes para conocer y familiarizarse, pero no se tratan en esta serie de tutoriales:

• ASP.NET API web : un marco para crear servicios HTTP que llegan a una amplia gama de clientes, incluidos exploradores y dispositivos móviles.
• ASP.NET SignalR : una biblioteca que facilita el desarrollo de funcionalidad web en tiempo real.

Sugerencia

Características de la aplicación web en la plantilla de aplicación de formularios Web Forms

La plantilla aplicación de formularios web Forms de ASP.NET proporciona un amplio conjunto de funcionalidades integradas. No solo proporciona una página de Home.aspx , una página de About.aspx , una página de Contact.aspx , sino que también incluye la funcionalidad de pertenencia que registra a los usuarios y guarda sus credenciales para que puedan iniciar sesión en su sitio web. Esta información general proporciona más información sobre algunas de las características contenidas en la plantilla aplicación de formularios web Forms de ASP.NET y cómo se usan en la aplicación Wingtip Toys.

Pertenencia

ASP.NET La identidad almacena las credenciales de los usuarios en una base de datos creada por la aplicación. Cuando los usuarios inician sesión, la aplicación valida sus credenciales leyendo la base de datos. La carpeta Cuenta del proyecto contiene los archivos que implementan las distintas partes de pertenencia: registrar, iniciar sesión, cambiar una contraseña y autorizar el acceso. Además, ASP.NET Web Forms admite OAuth y OpenID. Estas mejoras de autenticación permiten a los usuarios iniciar sesión en el sitio con credenciales existentes, desde cuentas como Facebook, Twitter, Windows Live y Google.

De forma predeterminada, la plantilla crea una base de datos de pertenencia con un nombre de base de datos predeterminado en una instancia de SQL Server Express LocalDB, el servidor de bases de datos de desarrollo que viene con Visual Studio Express 2013 para Web.

SQL Server Express LocalDB

SQL Server Express LocalDB es una versión ligera de SQL Server que tiene muchas características de programación de una base de datos de SQL Server. SQL Server Express LocalDB se ejecuta en modo de usuario y tiene una instalación rápida y de configuración cero que tiene una breve lista de requisitos previos de instalación. En Microsoft SQL Server, cualquier base de datos o código Transact-SQL se puede mover de SQL Server Express LocalDB a SQL Server y SQL Azure sin realizar ningún paso de actualización. Por lo tanto, SQL Server Express LocalDB se puede usar como entorno de desarrollador para aplicaciones destinadas a todas las ediciones de SQL Server. SQL Server Express LocalDB habilita características como procedimientos almacenados, funciones definidas por el usuario y agregados, integración de .NET Framework, tipos espaciales y otros que no están disponibles en SQL Server Compact.

Páginas maestras

Una ASP.NET página maestra define una apariencia y un comportamiento coherentes para todas las páginas de la aplicación. El diseño de la página maestra se combina con el contenido de una página de contenido individual para generar la página final que ve el usuario. En la aplicación Wingtip Toys, modifica la página maestra Site.master para que todas las páginas del sitio web wingtip Toys compartan el mismo logotipo distintivo y barra de navegación.

HTML5

La plantilla aplicación de ASP.NET Web Forms admite HTML5, que es la versión más reciente del lenguaje de marcado HTML. HTML5 admite nuevos elementos y funcionalidades que facilitan la creación de sitios web.

Modernizr

En el caso de los exploradores que no admiten HTML5, puede usar Modernizr. Modernizr es una biblioteca de JavaScript de código abierto que puede detectar si un explorador admite características HTML5 y habilitarlas si no lo hace. En la plantilla de aplicación de formularios Web Forms de ASP.NET, Modernizr se instala como un paquete NuGet.

Bootstrap

Las plantillas de proyecto de Visual Studio 2013 usan Bootstrap, un diseño y un marco de creación de temáticas creado por Twitter. Bootstrap usa CSS3 para proporcionar un diseño dinámico, lo que significa que los diseños pueden adaptarse dinámicamente a diferentes tamaños de ventana del explorador. También puede usar la característica de creación de temáticas de Bootstrap para hacer fácilmente un cambio en la apariencia de la aplicación. De forma predeterminada, la plantilla ASP.NET aplicación web de Visual Studio 2013 incluye Bootstrap como un paquete NuGet.

Paquetes NuGet

La plantilla de aplicación de ASP.NET Web Forms incluye un conjunto de paquetes NuGet. Estos paquetes proporcionan funcionalidad con componentes en forma de bibliotecas y herramientas de código abierto. Hay una amplia variedad de paquetes que le ayudarán a crear y probar las aplicaciones. Visual Studio facilita la adición, eliminación y actualización de paquetes NuGet. Los desarrolladores también pueden crear y agregar paquetes a NuGet.

Al instalar un paquete, NuGet copia los archivos en la solución y realiza automáticamente los cambios necesarios, como agregar referencias y cambiar la configuración asociada a la aplicación web. Si decide quitar la biblioteca, NuGet quita los archivos y invierte los cambios realizados en el proyecto para que no quede ningún desorden. NuGet está disponible en el menú Herramientas de Visual Studio.

jQuery

jQuery es una biblioteca javaScript rápida y concisa que simplifica el recorrido de documentos HTML, el control de eventos, la animación y las interacciones de Ajax para un desarrollo web rápido. La biblioteca JavaScript de jQuery se incluye en la plantilla de aplicación de formularios Web Forms de ASP.NET como un paquete NuGet.

Validación discreta

Los controles de validador integrados se han configurado para usar JavaScript discreto para la lógica de validación del lado cliente. Esto reduce significativamente la cantidad de JavaScript representado en línea en el marcado de página y reduce el tamaño general de la página. La validación no intrusiva se añade de manera global a la plantilla de aplicación de formularios Web Forms de ASP.NET en función de la configuración del <elemento appSettings> del archivo Web.config en la raíz de la aplicación.

Entity Framework Code First

Además de las características de la plantilla aplicación de formularios web Forms de ASP.NET, la aplicación Wingtip Toys usa Entity Framework Code First, que es una biblioteca NuGet que permite el desarrollo centrado en código cuando se trabaja con datos. En pocas palabras, crea el componente de base de datos de tu aplicación basado en el código que escribes. Al usar Entity Framework, puede recuperar y manipular datos como objetos de tipos fuertes. Esto le permite centrarse en la lógica de negocios de la aplicación en lugar de los detalles de cómo se accede a los datos.

Para obtener información adicional sobre las bibliotecas instaladas y los paquetes incluidos con la plantilla de formularios web Forms de ASP.NET, consulte la lista de paquetes NuGet instalados. Para ello, en Visual Studio, cree un nuevo proyecto de Web Forms, seleccione Herramientas>Administrador de paquetes NuGet>Administrar paquetes NuGet para la solución y seleccione Paquetes instalados en el cuadro de diálogo Administrar paquetes NuGet.