Microsoft Virtual Academy

Aplicaciones en la nube y
cmo comenzar a programar
Preparacin del ambiente de desarrollo
Aprendiendo a programar. Capitulo 2.
Tutorial
Consideraciones iniciales
Para que puedas utilizar tu
computadora para disear aplicaciones
debes tener especial cuidado de los
programas que tengas instalados
Verificar primero
Tu computadora debe estar libre de virus, spyware
y software innecesario.
Debes desinstalar toda barra, widgets o programas
que no sea esencial en tu computadora
Esto incluye
Barras de navegacin
adicionales en el browser
Y extensiones innecesarias
Esto incluye
Widgets y aplicaciones
corriendo en segundo plano
Considera
Cuidar el software que se instala en la
computadora.
Si algo falla, es difcil detectar si se trata
de un error en algo que estamos
programando o generado por un
programa secundario
Si compartes la
computadora
con otras personas
Intenta crear y utilizar un
perfil de usuario diferente
exclusivamente para
programar y mantenlo
aislado
Comencemos
Aunque sea una obviedad
antes de instalar, asegrate
que tu Sistema Operativo
este actualizado
Ultima versin del
navegador de
internet
Descarga la ultima versin
disponible que exista del
browser de internet
No slo de
Microsoft, de todos
los fabricantes

Debes asegurarte que tu

aplicacin funciona para todo
tipo de cliente
Denominaciones
El entorno de desarrollo se llama
Microsoft Visual Studio.

Existen versiones Profesionales, Empresariales, que

son pagas, y otras gratuitas.
Diferencias
Si bien las versiones Profesionales y Empresariales traen
algunas caractersticas adicionales, con las versiones
Community o Express alcanzan (y sobran) para comenzar
a programar.
No descargues los
programas
de cualquier sitio
Utiliza siempre el sitio
oficial para descargar.
Las versiones
Community no tienen
costo
No es necesario
instalar todo

Para este curso precisas

instalar

Visual Studio
Community 2015
Si tu PC tiene algunos aos
Puedes instalar las versiones
Visual Studio 2013 Express for
Web, o 2012. Si tu computadora
tiene un Sistema Operativo de
hace unos aos
Tambin sirven para comenzar.
Si tu conexin a internet no es
muy rpida
Intenta descargar la versin
Imagen ISO, es como una copia del DVD.
Luego quema un DVD con la imagen o bien utiliza Virtual CD-ROM
(si no lo tienes, descrgalo) para abrir el la imagen ISO y ejecutar el
instalador,
Finalizada la instalacin, la primera vez te
solicitar
Iniciar sesin con un usuario de desarrollo.
Esto es para acceder a los servicios adicionales en la
nube para desarrolladores.
Puedes usar una cuenta habitual de
hotmail/live/outlook.
Al momento de iniciar
Te solicitar conectarte a AZURE (opcional), puedes
hacerlo en otro momento.
AZURE te permitir acceder a servicios para tu
aplicacin, algunos son gratuitos, otros pagos.
Si visualizaste la pantalla anterior

Haz completado la instalacin con xito.

Hagamos la primera prueba.
Inicia un nuevo
proyecto
Visual Studio soporta
diferentes lenguajes.
Asegrate de elegir Visual C#
- Web Aplicacin Web
ASP.NET
En la configuracin
inicial
Puedes utilizar la plantilla Single
Page para entender la estructura.
En este ejemplo utilizaremos la
plantilla MVC
En la parte lateral
de tu proyecto

Encontrars el Explorador de
Soluciones, desde aqu,
podrs abrir cada uno de los
archivos de tu proyecto
Desde el explorador
de soluciones

Abre y edita index.cshtml

En el documento
index.cshtml
Escribe lo seleccionado.
Ten cuidado con los smbolos,
forman parte del lenguaje HTML.

Guarda el documento.
Presiona el botn
Iniciar
( el smbolo PLAY o
presiona F5 )
Luego de unos segundos (lo
que tarde en compilar), se
abrir tu aplicacin en un
browser de internet
Felicitaciones!
Acabas de escribir tus primeras lneas de cdigo y
lograste que tu primera aplicacin mostrara el resultado
que deseabas.
Entendiendo un poco lo que hicimos
Escribiste una porcin de cdigo en lenguaje HTML, el cual
tiene una simbologa en particular.
Aplicaste los cambios en la aplicacin, la cual se compila y te
permite ver el resultado.
Explora un poco ms
Puedes editar todos los archivos en de
extensin cshtml del proyecto y escribir
trozos de cdigo HTML.
Comienza explorando en el buscador web
con las claves basic html elements
Para ver cambios, luego de
editar el archivo cshtml, guarda y
actualiza la pgina en el
navegador.

Cuando termines detn la

aplicacin.
Ten en cuenta
En Visual Studio, los archivos del tipo html se denominan
cshtml (ya que pueden hacer cosas adicionales).
Lo que encuentres en la web para html, funciona para los
cshtml.
Tu entorno est listo para desarrollar en
un ambiente local
Esta primera prueba sirvi para verificar la
correcta instalacin del entorno de
desarrollo. Considera que tu aplicacin
slo es visible en tu computadora.
Luego podrs instalarla en un servidor
WEB para acceder a ella desde cualquier
parte del mundo.
 2016 Microsoft Corporation. All rights reserved. The text in this document is available under the Creative Commons Attribution 3.0 License, additional terms may apply. All other content contained in this
document (including, without limitation, trademarks, logos, images, etc.) are not included within the Creative Commons license grant. This document does not provide you with any legal rights to any
intellectual property in any Microsoft product. You may copy and use this document for your internal, reference purposes.
This document is provided "as-is." Information and views expressed in this document, including URL and other Internet Web site references, may change without notice. You bear the risk of using it. Some
examples are for illustration only and are fictitious. No real association is intended or inferred. Microsoft makes no warranties, express or implied, with respect to the information provided here.