Su primera aplicación web ASP.NET: cómo empezar

Su primera aplicación web ASP.NET: cómo empezar

ASP.NET es el marco multiplataforma gratuito de Microsoft para crear aplicaciones y servicios web. La plataforma ASP.NET es una extensión de .NET, una plataforma de desarrollo de herramientas, lenguajes de programación y bibliotecas que se utilizan para crear diferentes aplicaciones.





Como probablemente habrá adivinado, ASP.NET es un marco fantástico que los principiantes pueden usar para crear aplicaciones web. Ofrece mucha flexibilidad y es fácil de usar. En este artículo, lo ayudaremos a crear su primera aplicación web en ASP.NET usando Microsoft Visual Studio.



¿Qué es ASP.NET?

ASP son las siglas de 'Active Server Pages'; ASP y ASP.NET son tecnologías del lado del servidor que se utilizan para mostrar páginas web interactivas. ASP.NET ofrece a los desarrolladores mucha flexibilidad en un ecosistema versátil y de tamaño considerable con varias bibliotecas y herramientas. Los desarrolladores también pueden crear bibliotecas personalizadas que pueden compartir con cualquier aplicación creada en la plataforma .NET.





Relacionado: Frameworks web que vale la pena aprender para desarrolladores

Puede escribir el código de back-end para sus aplicaciones ASP.NET en C #, Visual Basic o incluso F #. Esta flexibilidad permite a los desarrolladores codificar la lógica empresarial y la capa de acceso a los datos de forma eficaz. Otra ventaja significativa de usar ASP.NET es crear páginas web dinámicas usando C # con la ayuda de una herramienta de sintaxis de plantillas de páginas web conocida como Razor.



restaurar asociaciones de archivos predeterminadas de Windows 10

Razor también proporciona una sintaxis para crear páginas web dinámicas interactivas que incorporan HTML, CSS, JavaScript y C #. El código del lado del cliente generalmente está escrito en JavaScript, y ASP.NET puede incluso integrarse con otros marcos web como Angular o React.

Relacionado: Tailwind CSS vs. Bootstrap: ¿Cuál es un mejor marco?



ASP.NET también proporciona a los desarrolladores un sistema de autenticación que incluye una base de datos, bibliotecas, plantillas para administrar inicios de sesión, autenticación externa en Google, Facebook, etc., y más. Los desarrolladores pueden hacer uso de ASP.NET en todas las plataformas principales, incluidas Windows, Linux, macOS e incluso Docker.

Cómo crear una aplicación web ASP.NET en Visual Studio

Antes de crear una aplicación web, es mejor que se familiarice con HTML, CSS, JavaScript y C #, para que pueda aprovechar ASP.NET al máximo. Veamos cómo puede crear una aplicación web en ASP.NET en Microsoft Visual Studio 2019.



Asegúrese de tener instalados los siguientes paquetes de software:

limpiar un disco duro de windows 10
  • Microsoft Visual Studio 2019 o mejor
  • Carga de trabajo de desarrollo web y ASP.NET desde el instalador de Visual Studio

Comprensión de los componentes del proyecto de aplicación web ASP.NET

Antes de que pueda comenzar a desarrollar su aplicación web, es crucial comprender los componentes esenciales de ASP.NET y cómo puede utilizarlos en su aplicación web.

En este tutorial, usaremos formularios web ASP.NET para crear las páginas web individuales como la página de inicio, Contáctenos, etc. Cada formulario web tiene tres componentes principales, un archivo .aspx para HTML / CSS, un .aspx Archivo de código .cs y archivo .aspx.designer.cs. En su mayoría, trabajaremos en los archivos .aspx y .aspx.cs para este tutorial.

El archivo .aspx contendrá todo el código HTML y CSS de sus páginas web. Asegúrese de utilizar etiquetas asp en lugar de etiquetas HTML, porque las etiquetas asp obtienen datos del servidor y envían datos de entrada al servidor. Esta es la característica de funcionalidad que se requiere en una aplicación web dinámica.

El archivo .aspx.cs contiene el código C # de sus páginas web, y esto controla lo que sucede cuando se carga un evento en particular, como una página web, se hace clic en un botón y más. Puede crear funciones independientes para cada función y vincularla a la etiqueta asp correspondiente en el archivo .aspx correspondiente.

Las páginas maestras son beneficiosas para los desarrolladores y agregan componentes esenciales como la barra de navegación y el pie de página a cada página web. En lugar de agregar el mismo código repetidamente, los desarrolladores pueden agregar todo el código requerido por la plantilla en una página maestra y luego vincular cada página web a la página maestra. Le mostraremos cómo hacerlo en las siguientes secciones.

Crear un nuevo proyecto de aplicación web ASP.NET

El primer paso para crear una aplicación web en ASP.NET es seleccionar una plantilla de proyecto y crear una nueva aplicación web:

  1. Inicie Microsoft Visual Studio y haga clic en Crea un nuevo proyecto
  2. Escriba ASP.NET en el cuadro de búsqueda de la plantilla, seleccione Aplicación web ASP.NET ( .NET Framework ) y haga clic en próximo . No obtendrá esta plantilla si no tiene las instalaciones necesarias mencionadas en la sección anterior.
  3. En la siguiente pantalla, configure el nombre y directorio de su proyecto y haga clic en próximo .
  4. Visual Studio ahora creará la plantilla de su proyecto y debería poder ejecutar la aplicación de la plantilla haciendo clic en el botón de reproducción verde en la parte superior de la pantalla.

Crear un nuevo formulario web ASP.NET

Para ayudarlo a comprender mejor ASP.NET, crearemos una página de producto simple para una tienda de juegos. El primer paso es crear un nuevo formulario web. En el proyecto que creó anteriormente, navegue hasta Archivo> Nuevo> Archivo y seleccione Formulario web . Una vez que lo haya configurado, debería poder ver un archivo .aspx en blanco con solo el código del encabezado.

Para comenzar a desarrollar el aspecto general de su página web, puede usar el código en HTML / CSS usted mismo o usar una plantilla de Tailblocks .

Configuramos el diseño de la página del producto anterior usando una plantilla. Muestra una imagen del producto, detalles del producto y una barra de navegación. Agregamos el HTML y CSS de la barra de navegación usando la página maestra.

cómo actualizar el bloc de notas ++

En el código anterior (archivo .aspx.cs), configuramos el página de carga función para establecer los detalles del producto en nuestros marcadores de posición. Puede crear funciones similares para iniciar sesión, registrarse, agregar al carrito, etc.

Una etiqueta asp de muestra para mostrar la descripción del producto es la siguiente:

|_+_|

El valor de descripción del código C # se mostrará en este marcador de posición. También puede utilizar la caja de herramientas de Visual Studio para agregar elementos de visualización como imágenes, botones, botones de opción y más. Hay varios recursos disponibles en línea donde puede aprender la sintaxis de ASP.NET.

Aplicación web ASP.NET para principiantes

ASP.NET es una plataforma poderosa para crear aplicaciones y servicios web. Debe sentirse cómodo con JavaScript, HTML, CSS y C # antes de desarrollar una aplicación web en ASP.NET.

Cuota Cuota Pío Correo electrónico La última hoja de trucos de JavaScript

Obtenga un repaso rápido sobre los elementos de JavaScript con esta hoja de trucos.

Leer siguiente Temas relacionados
  • Programación
  • ASP.NET
  • Programación
Sobre el Autor M. Fahad Khawaja(45 Artículos publicados)

Fahad es escritor en MakeUseOf y actualmente se especializa en Ciencias de la Computación. Como un ávido escritor de tecnología, se asegura de mantenerse actualizado con la última tecnología. Se encuentra particularmente interesado en el fútbol y la tecnología.

Más de M. Fahad Khawaja

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse