Hola amigos steemianos, en esta ocasión pienso realizar una serie de capítulos para que las personas puedan crear sus proyectos web y puedan ingresar al bello mundo de la programación. Luego de esta serie de tutoriales estarán en la capacidad de poder desarrollar los proyectos web que ustedes deseen.
Para esta serie de tutoriales utilizaremos la herramienta Visual Studio 2017 y trabajaremos con el lenguaje de programación C# con MVC 5.0, tranquilos que dentro de los capítulos tocaremos poco a poco cada punto para que puedan ser entendidos con facilidad.
Como hoy en día todos los desarrollos web deben ser ejecutados en todo tipo de dispositivos utilizaremos menciones básicas del Bootstrap para poder hacer nuestra aplicación responsiva.
Se requiere que tengan los siguientes conocimientos:
- Java Scrtipt a nivel intermedio
- Hojas de estilo a nivel intermedio
- JQuery a nivel básico
- Conocimientos básicos de SQL Server
==============================================================
Descargando Visual Studio 2017
Para poder descarga la herramienta deberemos ingresar a este enlace, al ingresar descargaremos el Visual Studio Enterprise 2017.
Una vez descargado el vs_Enterprise.exe lo ejecutamos y le damos en continuar, luego comenzara a descargar el Visual Studio Installer que será necesario para el siguiente paso.
Instalando Visual Studio 2017
Una vez instalado el Visual Studio Installer nos mostrara una pantalla donde podre seleccionar todo lo que necesitemos instalar para poder trabajar. Para nuestro caso seleccionaremos lo siguiente:
- Desarrollo de la plataforma universal de Windows
- Desarrollo de escritorio de .NET
- Desarrollo de ASP.NET y web
Y luego le damos en Instalar
El instalador iniciara y reiniciara una vez el equipo para continuar la instalación.
Luego de terminar la instalación y le damos en iniciar el cual nos abrirá el Visual Studio 2017
Introducción a Visual Studio 2017
Visual Studio es una IDE muy fácil de usar y a continuación le explicare un poco la distribución de la herramienta.
La sección Archivo se utiliza básicamente para poder crear programas, webs, servicios, aplicativos y todo lo que el IDE permita.
También se puede utilizar para abrir proyectos ya creados y otras configuraciones básicas.
En la sección de Explorador de soluciones podremos ver todo el desarrollo de nuestra aplicación, todos los componentes que hemos utilizado y vamos desarrollando, en esta sección encontraremos Proyectos, Clases, Webs, Servicios, Vistas, Modelos, etc.
La sección de trabajo se utiliza para poder editar los componentes que estemos desarrollando.
En la sección de herramientas podremos encontrar todos los controles que podemos incluir dentro de nuestros componentes desarrollados.
Creando mi proyecto web
Ahora crearemos nuestro primero proyecto web con MVC 5.0 bajo el lenguaje de programación C#.
Ingresamos Archivo, luego en nuevo y por último seleccionamos Proyecto.
Ahora seleccionamos Visual C#, luego en la parte derecha seleccionamos “Aplicación Web ASP. NET (.Net Framework)”, ingresamos el nombre de nuestro proyecto y seleccionamos la ubicación donde se guardará, por último le damos en aceptar.
Ahora seleccionamos el tipo de proyecto que vamos a crear, seleccionamos MVC y le damos clic en aceptar.
Luego de se creará nuestra primera aplicación de ejemplo que viene con el Visual Studio 2017
Compilando mi proyecto web
Ahora para poder compilar nuestro proyecto presionamos F5 o hacemos clic en el siguiente botón
Luego se visualizará en tu navegador predeterminado tu primera página web.
==============================================================
Espero que este tutorial les haya parecido fácil de entender, en el siguiente tutorial continuaremos entrando a detalle de nuestro primer proyecto generado, también veremos como funciona a nivel básico el MVC y el Bootstrap.
Si esta publicación les gusto pueden pasearte por estas publicaciones que también les era de mucha utilidad.