Aptana Studio 3

IDE

Aptana Studio 3

● Aptana studio 3 es considerado un IDE.● Tiene un editor de código, depurador y scripts.● Maneja proyectos y páginas individuales● Es completamente gratuito● Está basado en el estándar Eclipse

Aptana Studio 3

● Fue adquirido por Appcelerator (Titanium)● Es multilenguaje y multiplataforma● Soporta FTP, FTPS, SFTP y Capistrano● Manejo de terminal dentro del paquete

Aptana Studio 3

● Entra a http://www.aptana.com/● Selecciona Download● Te pide tu correo● Selecciona nuevamente Download

Aptana Studio 3

Instalación en Windows

Aptana Studio 3

● Entra a http://www.aptana.com/● Selecciona Download● Te pide tu correo● Selecciona nuevamente Download

Aptana Studio 3

● Si la computadora no tiene node.js, lo puede conseguir e instalarlo en:

● http://go.aptana.com/installer_nodejs_windows

Aptana Studio 3

La interface de trabajo

Aptana Studio 3

● En Aptana contamos con cuatro áreas de trabajo:○ La página de inicio○ El explorador de proyectos○ El outline y scripts○ El depurador y la consola

Aptana Studio 3

Crear un archivo nuevo

Aptana Studio 3

● En Aptana está centrado en el concepto de “proyecto”● Podemos crear archivos:

○ De texto plano○ Desde un formato o template

● También podemos modificar el template

Aptana Studio 3

Crear un proyecto

Aptana Studio 3

● Los proyectos son la base de Aptana y nos permite agrupar diferente tipo de archivos con un fin específico.

● Podemos hacer proyectos de PHP, Web, Ruby, entre otros.

● A partir de un proyecto, es más sencillo crear los archivos de diferente tipo, como javascript, html, css, php, etc.

Aptana Studio 3

Promover un proyecto

Aptana Studio 3

● Si tienes una carpeta en tu computadora con archivos web (html, js, php, css, etc.) puedes “promoverlos” como proyectos.

Aptana Studio 3

El panel de historia

Aptana Studio 3

● Cada vez que “guardas” un archivo, se queda una copia en la historia del mismo.

● Podemos recuperar elementos eliminados.● Solo se guarda en la historia los archivos, no lo

proyectos.● Si borras un archivo, puedes recuperarlo.

Aptana Studio 3

Propiedades del editor

Aptana Studio 3

● Debes de entrar a preferencias:○ Cambiar los archivo recientemente abiertos (General

> Appearance > editors).○ Cambiar el tema de Aptana (General > Appearance).○ Cambiar el tipo de fuente y colores (General >

Appearance > Colors & fonts)○ Modificar un tema (Aptana > Themes)

Aptana Studio 3

Manejar el área del editor

Aptana Studio 3

● Reacomodar los archivos● Ampliar el área del editor● Manejar los mensajes de error y de advertencia● Ligar el editor con el explorador de proyectos ● Previsualizar un archivo

Aptana Studio 3

● Mostrar los espacios en blanco● Selección de bloques ● Visualizar las ocurrencias de una cadena● Navegar entre la siguiente edición y la previa

Aptana Studio 3

Auto-complete

Aptana Studio 3

● La función “auto-complete” se conoce como “Content-Assist” en Aptana

● También se conoce como “statement complete”● Puedes modificar el Content Assist en preferencias.● Puedes utilizar ctrl+barra para llamar sugerencias.

Aptana Studio 3

Snippets

Aptana Studio 3

● Los snippets son líneas de código que son frecuentemente utilizadas en programación.

Aptana Studio 3

Task y Bookmarks

Aptana Studio 3

● Los “bookmarks” son marcas o recordatorios dentro de los programas.

● Las “task” son tareas que por realizar y tienen prioridades.

● Window > show view

Aptana Studio 3

La vista Outlines

Aptana Studio 3

● La vista de “outlines” nos permite ver documentos HTML, JavaScript, JSON, XML o CSS como nodos.

● Nos permite navegar en documentos complejos.

Aptana Studio 3

Manejo de los navegadores

Aptana Studio 3

● Podemos ejecutar o visualizar un archivo en un navegador por medio del botón “run” en la parte superior del panel.

● También podemos añadir o quitar navegadores instalados en nuestra computadora.

Aptana Studio 3

Subir archivos al servidor

Aptana Studio 3

● Por medio de la funcionalidad del ftp (file transfer protocol) o protocolo de transferencia, podemos subir los archivos trabajados con Aptana a un servidor Web.

● Utilizamos el botón derecho sobre el nombre del proyecto.