Proyecto html de Visual Studio
ASP.NET Core es un framework web gratuito y de código abierto, sucesor de ASP.NET, desarrollado por Microsoft y la comunidad. En este artículo te guiaré para crear un simple sitio web asp.net core. No vamos a profundizar en asp.net core sino que simplemente vamos a crear un sitio web básico que solo muestre un mensaje de bienvenida. Espero que os guste este artículo.
En la siguiente pantalla tendrá que insertar algunos detalles, incluyendo el nombre de su proyecto, la ubicación del proyecto y el nombre de la solución. Después de insertar todos estos detalles haga clic en el botón de crear. Los siguientes son los detalles que hay que introducir:
Ahora su sitio web / proyecto está abierto en Visual Studio. Abra el explorador de soluciones y haga clic con el botón derecho del ratón en el nombre de su proyecto, luego haga clic en la opción Añadir, luego haga clic en Nueva Carpeta. Haga clic derecho en ProjectName -> Add->New Folder. Dale a esta carpeta el nombre Controllers (no Controller porque eso causará un problema más tarde cuando añadas un nuevo controlador).
Ahora tu controlador está creado y también hay un método de acción llamado Index. Aquí visual studio por defecto crea un método llamado índice. Usted puede crear otros métodos también. Ahora haga clic derecho en ese método de acción y haga clic en Agregar vista para agregar un archivo html para ese método de acción.
Desarrollo web con código Visual Studio
</div>Sustituir ‘#’ por su propia url.Ahora tenemos que incluir otro archivo css(una fuente para los iconos de las redes sociales) lo hacemos añadiendo la siguiente línea a la etiqueta head:<link rel=’stylesheet’ href=’http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css’>En la etiqueta style tendremos que añadir el siguiente código:#social {
});Esto significa que ejecutará la función cuando el documento esté completamente cargado. El $(documento) significa que busca algo llamado documento, y luego utiliza la función ready para comprobar si el documento está listo. Dentro de esos paréntesis ponemos todo nuestro siguiente código Jquery. Así que ahora añadimos el siguiente código dentro de los paréntesis:$(‘.inputMail’).click(function() {
Este código busca una clase llamada inputMail (el punto significa que es una clase donde estamos buscando). Cuando Jquery encuentra ese objeto comprueba si se hace clic en él. Cuando se hace clic se ejecuta la función. Así que dentro de esa función podemos dejar que el botón haga un pequeño truco. Así que para el truco añadiremos este código dentro de la función:$(‘.inputMail’).animate({height: ‘+=100px’, opacity: ‘0.4’}, “slow”);
Código de Visual Studio para desarrolladores web
Visual Studio 2010 no incluye soporte por defecto para ASP.NET Web Pages. Para utilizar ASP.NET Web Pages con Visual Studio 2010, debe instalar el paquete ASP.NET MVC. Para obtener ASP.NET Web Pages 2, debe instalar ASP.NET MVC 4.
Si ha iniciado un proyecto en WebMatrix y desea cambiar a Visual Studio, WebMatrix proporciona un botón para abrir fácilmente el proyecto en Visual Studio. Debe tener Visual Studio instalado en su ordenador para que este botón esté habilitado. La siguiente imagen muestra el botón en WebMatrix.
Al hacer clic en el botón, el proyecto se abre en Visual Studio. Puede alternar entre WebMatrix y Visual Studio sin problemas. Se le notificará si algún archivo ha cambiado en el otro entorno y necesita ser recargado para obtener los últimos cambios.
La sintaxis Razor también se utiliza ampliamente en los proyectos ASP.NET MVC. MVC es una forma poderosa, basada en patrones, de construir sitios web dinámicos. Si su sitio de ASP.NET Web Pages se vuelve difícil de mantener, puede considerar convertirlo en una aplicación ASP.NET MVC. Para ver un ejemplo de creación de una aplicación MVC, consulte Introducción a ASP.NET MVC 5.
Configurar vscode para el desarrollo web
Visual Studio Code for the Web proporciona una experiencia gratuita y sin instalación de Microsoft Visual Studio Code que se ejecuta completamente en el navegador, lo que le permite navegar de forma rápida y segura por los repositorios de código fuente y realizar cambios ligeros en el código. Para empezar, vaya a https://vscode.dev en su navegador.
VS Code para la Web tiene muchas de las características de VS Code de escritorio que te encantan, incluyendo la búsqueda y el resaltado de sintaxis mientras navegas y editas, junto con el soporte de extensiones para trabajar en tu base de código y hacer ediciones más sencillas. Además de abrir repositorios, forks y pull requests de proveedores de control de fuentes como GitHub y Azure Repos (en la vista previa), también puedes trabajar con código almacenado en tu máquina local.
VS Code para la Web ofrece una experiencia basada en el navegador para navegar por los archivos y repositorios y para realizar cambios ligeros en el código. Sin embargo, si necesitas acceder a un tiempo de ejecución para ejecutar, construir o depurar tu código, o quieres utilizar características de la plataforma como un terminal, te recomendamos que traslades tu trabajo a la aplicación de escritorio o a GitHub Codespaces para obtener todas las capacidades de VS Code. Además, el escritorio de VS Code te permite ejecutar extensiones que no son compatibles con la versión web, y utilizar un conjunto completo de atajos de teclado que no están limitados por tu navegador.