TECNOLÓGICO NACIONAL DE MÉXICO

INSTITUTO TECNOLÓGICO DE IGUALA

Asignatura: Desarrollo De Aplicaciones Web
Profesor: Arturo Carlos Rodríguez Román

ENTORNO DE DESARROLLO

Unidad 1: Plataforma Web

Alumna: Miriam Moreno Arroyo
Carrera: Ingeniería Informática
Hora: 7:00 am – 8:00 am
Fecha de entrega: 25/02/2021
INTRODUCCION
Hoy en dia un entorno de desarrollo son herramientas con las cuales los
programadores crean aplicaciones. Es cierto que pueden programarse con un editor
y un compilador (a veces, con un depurador), pero, en entornos profesionales, casi
siempre se utiliza un IDE., dependiendo el entorno que cubra tus necesidades.

En esta investigación documental se presenta de forma general y a detalle

la definición de que se trata un IDE para realizar proyectos web, hay muchos IDES
en la actualidad, pero cada uno tiene sus pros y contras y se dará a conocer una
instalación de que utilizare para mi proyecto “Visual Studio Code”.
¿Cuál es el mejor IDE??

Con una participación de 1600 personas, la encuesta de EducaciónIT

invitaba a opinar sobre cuál es el mejor IDE para programar. Visual Studio resultó
ganador. El software de Microsoft cosechó el 28% de los votos y quedó primero en
el podio de los IDE. Fue seguido muy de cerca por Sublime Text, que dio la sorpresa
obteniendo el 27% de los votos y quedando en segundo lugar.

Visual Studio Code es un editor de código fuente o IDE desarrollado

por Microsoft para Windows, Linux y macOS. Incluye soporte para la depuración,
control integrado de Git, resaltado de sintaxis, finalización inteligente de código,
fragmentos y refactorización de código. También es personalizable, por lo que los
usuarios pueden cambiar el tema del editor, los atajos de teclado y las preferencias.
Es gratuito y de código abierto,12 aunque la descarga oficial está bajo software
privativo e incluye características personalizadas por Microsoft.3

Visual Studio Code se basa en Electron, un framework que se utiliza para

implementar Chromium y Node.js como aplicaciones para escritorio, que se ejecuta
en el motor de diseño Blink. Aunque utiliza el framework Electron, el software no
usa Atom y en su lugar emplea el mismo componente editor (Monaco) utilizado en
Visual Studio Team Service

Visual Studio Code es un editor de código fuente. Es compatible con varios

lenguajes de programación y un conjunto de características que pueden o no estar
disponibles para un lenguaje dado, como se muestra en la siguiente tabla. Muchas
de las características de Visual Studio Code no están expuestas a través de los
menús o la interfaz de usuario. Más bien, se accede a través de la paleta de
comandos o a través de archivos. json (por ejemplo, preferencias del usuario). La
paleta de comandos es una interfaz de línea de comandos. Sin embargo,
desaparece si el usuario hace clic fuera de él o presiona una combinación de teclas
en el teclado para interactuar con algo que está fuera de él. Esto también se aplica
a los comandos que requieren mucho tiempo. Cuando esto sucede, el comando en
progreso se cancela.
Características

El código combina la interfaz de usuario optimizada de un editor moderno con

asistencia y navegación de código enriquecido y una experiencia de depuración
integrada, sin la necesidad de un IDE completo. Visual Studio Code, cuenta con
herramientas de Debug hasta opciones para actualización en tiempo real de nuestro
código en la vista del navegador y compilación en vivo de los lenguajes que lo
requieran (por ejemplo, en el caso de SASS a CSS). Además de las extensiones,
tendremos la posibilidad de optar por otros themes o bien configurarlo a nuestro
gusto. Para modificar el esquema de colores y los iconos.

Ventajas

 Se puede utilizar como lenguajes de programación.

 Visual Studio Code es una herramienta que tiene soporte nativo para gran
variedad de lenguajes, entre ellos podemos destacar los principales del
desarrollo Web: HTML, CSS, y JavaScript, entre otros.
 Posibilidad de configurar la interfaz a nuestro gusto. De esta forma, podremos
tener más de un código visible al mismo tiempo, las carpetas de nuestro
proyecto y también acceso a la terminal o un detalle de problemas, entre otras
posibilidades.
 Existencia de una amplísima gama de temas o estilos visuales para Visual
Studio Code, que hacen el trabajo con el software más agradable a la vista.
 Goza de un soporte técnico formidable pues debido a su frecuente uso por la
comunidad de desarrolladores, se puede encontrar fácilmente documentación y
ayuda en foros y sitios relacionados.
 Más atrás se ubicaron NetBeans y Eclipse, dos de los IDE más utilizados en
el mercado de desarrollo pero que no tuvieron buenos resultados. Nada más
obtuvieron el 17% y 15% de los votos, respectivamente. Muy relegado quedó
Notepad++ con un 9%.

Para mí para mis trabajos diarios de desarrollo web y móvil, tiene un gigante
como Microsoft apoyándolo en las diferentes actualizaciones que necesita esta
maravillosa herramienta. Cuenta con la ventaja de traer un instalador de
extensiones integrado + Git, y además es uno de los preferidos entre el gremio de
desarrolladores para trabajar con todo lo relacionado a JavaScript.

Por esta razón por mi experiencia he utilizado 3 IDES diferentes en la escuela

para algunos proyectos sé que algunos son mejores que otros, pero como dije antes
dependiendo el IDE que cumpla tus necesidades.

Tabla comparativa de 3 IDES

IDE PROS CONTRAS

 Libre.
 Desarrollado por Microsoft.
 Fantástico Debugging.
 Preparado. Solo instalas y a
trabajar. Lo básico ya viene
Visual studio prestablecido.
code  Estupendo para Javascript.
Esta realizado en Typescript,
solo te digo eso.
 Plugins para toda la familia. A
pesar de la juventud, no te
faltará de nada.
 Fácil. A la hora de instalar
plugins,
 Git integrado.
 Pesado. Su base es Electron
(Chrome). Prácticamente es como
tener un navegador abierto.
 No tan rápido. Notas un ligero
retraso cuando abres archivos, te
mueves con el scroll o editas
ficheros grandes.
 No funciona en terminal, aunque
si contiene un terminal.
NetBeans *Por su lentitud a la hora de ejecutar las
Lenguaje Multi-plataforma: El código aplicaciones (aunque ha mejorado con el
que es escrito en java es leído por un tiempo)
intérprete, por lo que su programa *Requiere un intérprete.
andará en cualquier plataforma. *Algunas implementaciones y librerías
pueden tener código rebuscado.
Manejo automático de la memoria. *Una mala implementación de un
(para los que vienen de C/C++). El programa en java, puede resultar en algo
manejo de la memoria se hace muy lento.
automáticamente y utilizando el *Algunas herramientas tienen un costo
garbage collector. adicional

Desarrolla aplicaciones web dinámicas.

Desarrollar aplicaciones de servidor
para foros en línea, almacenes,
encuestas, procesamiento de
formularios HTML y mucho más.

Eclipse *Dispone de un editor de texto con Su principalmente inconveniente, común a

resaltador de sintaxis.
*La compilación es en tiempo real
*Tiene pruebas unitarias con (JUnit).
*Control de versiones con (CVS).
*Integración con (Ant),
*Asistentes (wizards) para creación de
proyectos
otros IDEs en mayor o menor medida, en
el consumo de recursos del sistema.
*También que carece de mucho soporte
para webapps (.war, jsp y servlets) tal y
como lo hace netbeans. (los plugins por lo
general no son ni tan potentes ni tan
sencillos como el módulo que en
Netbeans viene preinstalado).
INSTALACION DE VISUAL STUDIO CODE
1.- Primeramente, empezamos con lo es la descarga de esta plataforma
*Empezamos la instalación correcta y le damos siguiente.

Aceptamos las condiciones de esta plataforma

Esta pantalla se muestra para elegir el directorio de la instalación

Muestra la carpeta donde estará ubicada y siguiente

Se muestra en esta pantalla 3 tareas adicionales

Se muestra la pantalla de preparar la estación

Esta la pantalla de la instacion de code tardara unos minutos

Solo es la terminación de la instalación de code

 Se muetra la pagina original eso significa que esta bien instala visula studio
code para poder trabajar con ella.

Conclusión

En conclusión, Visual Studio Code es una herramienta muy fácil e interactiva

para trabajar en la creación de páginas web de manera de código para aprender a
manejar también HTML para esta creación nos permite ir modificando a la vez con
el navegador preferido por el usuario. Así mismo también los otros dos IDES que se
presentaron son de gran ayuda ya que también manejan y cuenta con ventajas para
su uso y que sobre salen dependiendo las necesidades de cada quien.
Referencias
Quintero, A. (4 de julio de 2016). datum. Obtenido de datum: http://www.funcion_Visual Studio
CODE /requisitos-instalacion

Fernández, J. C. (2017, 24 marzo). Conoce estos 6 entornos de programación (IDE) para

programar en varios lenguajes. RedesZone.

https://www.redeszone.net/2017/03/24/conoce-estos-6-entornos-programacion-ide-

programar-varios-lenguajes/

El concepto de IDE. (s. f.). IDEs. Recuperado 021-02-25, de

https://www.redhat.com/es/topics/middleware/what-is-ide