IDE de Desarrollo Web.

INTRODUCCIÓN

Un IDE de desarrollo web constituye una plataforma que ayuda a crear programas de diversos tipos de lenguajes de programación, y esto es gracias a que los IDEs son construidos con el esfuerzo colectivo de miles de programadores para poder tener éstas herramientas, las cuales hoy en día facilitan la vida de muchos programadores.

Como todo en la vida existen IDEs gratuitos y de paga, sencillos y complejos, existen IDEs específicos para un solo tipo de lenguaje de programación o plataforma también para distintos lenguajes conocidos también como multiplataforma.

OBJETIVOS

OBJETIVO GENERAL

Determinar los conceptos básicos necesarios para el desarrollo de una aplicación web.

OBJETIVOS ESPECÍFICOS

• Obtener las bases necesarias para la creación de páginas Web.
• Adquirir conocimientos acerca de los IDEs de Desarrollo Web.
• Analizar los tipos de plataformas de desarrollo web comparando ventajas y desventajas.

CAPÍTULO I. MARCO TEÓRICO

1. IDE DE DESARROLLO WEB

Los Entornos de Desarrollo Integrados, también conocidos como IDEs (de sus siglas en inglés Integrated Development Environment) fueron la natural evolución de los editores enfocados a la programación. Inicialmente constaban de un editor de texto que sólo se ocupaba de la edición de texto. (Pérez, 2010)

Según García (2013), un entorno de desarrollo integrado, es un entorno de programación que ha sido empaquetado como un programa de aplicación, es decir, consiste en un editor de código, un compilador, un depurador y un constructor de interfaz gráfica (GUI).

Los IDE proveen un marco de trabajo amigable para la mayoría de los lenguajes de programación tales como C++, PHP, Python, Java, C#, Delphi, Visual Basic, etc. En algunos lenguajes, un IDE puede funcionar como un sistema en tiempo de ejecución, en donde se permite utilizar el lenguaje de programación en forma interactiva, sin necesidad de trabajo orientado a archivos de texto. (García, 2013)

1. FUNCIONES DE LAS HERRAMIENTAS IDE

• Llamada al compilador desde el entorno de edición. El propio entorno tiene opciones para configurar e invocar al compilador y mostrar los resultados de la compilación. Además, podemos utilizar los mensajes de error para acceder a los puntos del código fuente donde se han localizado los errores para corregirlos.
• Resaltado de sintaxis de los distintos lenguajes de programación. A medida que se va escribiendo el código fuente el editor escribe con distintos colores cada palabra del código fuente dependiendo del tipo de token de que se trate: palabras reservadas, identificadores, literales, comentarios, etc.
• Depuración. Permite realizar trazas visuales de la ejecución de los programas, en las que se puede tener en pantalla simultáneamente la línea de código en ejecución dentro del código fuente, la pila de llamadas a métodos que se han realizado, y los valores de las variables que queramos visualizar.
• Gestión de proyectos. Permite configurar la estructura de directorios para el proyecto, dejar los archivos compilados .class en un directorio determinado y de la misma forma con los demás tipos de archivos.
• Ayuda a la programación. Se puede invocar a la ayuda de forma contextual, es decir, pulsando una tecla de función sobre una clase o un método aparece toda la documentación asociada a ese elemento, sin necesidad de que el programador haga una búsqueda.
• Autocompletado de código. A medida que se va escribiendo el código, el editor va proponiendo los métodos o atributos correspondientes a la clase del objeto escrito para que el programador no tenga que acordarse de memoria de los nombres exactos de los métodos disponibles para una clase.
• Diseño visual de interfaces de usuario. El programador puede diseñar formularios simplemente arrastrando y soltando los distintos componentes que sean necesarios a partir de la paleta de componentes. (Pérez, 2010)

1. CARACTERISTICAS GENERALES DEL ID

Según Zabala, (2011) entre las características más comunes que posee un IDE se encuentran:

• Codificación de color de sintaxis unificada: que nos permite diferenciar el código PHP, HTML, MySQL, XML, CSS, JavaScript, VBScript, Java, C#, Perl, Python y Ruby, variables. Nos permite controlar los errores y corregirlos.
• Función hacer/deshacer ilimitada: para corregir o eliminar cualquier error.
• Ejecución automática de ficheros.
• Presentación tabulada de documentos (Sistemas de pestañas): Para navegar con facilidad entre documentos.
• Números de líneas (opcionales): Que nos permite identificar una línea donde se encuentra un error o código importante.
• Búsqueda rápida de texto: para facilitar la ayuda del programador.
• Inserción automática de código: que evitan equivocarse en la sintaxis.
• Plantillas predefinidas: Ayudará con todas las tareas respectivas.
• Posibilidad de creación de plantillas del usuario: Al estilo de cada usuario.
• Interfaz atractiva y fácil de usar.

1. VENTAJAS DE LOS IDEs

• La curva de aprendizaje es muy baja.
• Es más ágil y óptimo para los usuarios que no son expertos en manejo de consola.
• Formateo de código.
• Funciones para renombrar variables, funciones.
• Warnings y errores de sintaxis en pantalla de algo que no va a funcionar al interpretar o compilar.
• Poder crear proyectos para poder visualizar los archivos de manera gráfica.
• Herramientas de refactoring como por ejemplo seria extraer una porción de código a un método nuevo.
• No es recomendado pero posee un navegador web interno por si queremos probar las cosas dentro de la IDE. (García, 2013)

De acuerdo a lo citado, algunos IDEs no son gratuitos debido a que el software es utilizado para trabajos mejorados, además que en los IDEs se puede implementar líneas de código para resolver algún problema con base al compilador, este es el que permitirá modificar o corregir errores del programa.

...