Tutorial Básico de Aptana

9
 Tutorial Básico de Aptana (Traducción) ACLibre ACLibre < [email protected] > David Arenas "Xiezar" (Traducción) Erika Tatiana Luque (Plantilla Docbook) Jeffrey Steve Borbón (Revisión y formato) Copyright © 2007 ACLibre  Este trabajo está licenciado bajo Creative Commons Attribution-ShareAlike Todas las marcas comerciales, marcas de servicio y nombres de marcas en este documento  son propiedad de sus respectivos dueños. Tabla de contenidos  1. Descargar e Instalar Aptana IDE  2. Desinstal ar Aptana IDE 3. Crear un nuevo proyecto p ara librería AJAX  Capítulo 1. Descargar e Instalar Aptana IDE Esta página describe como descargar y instalar Aptana IDE si usted no cuenta con Eclipse instalado en su sistema.  I ntroducción Si usted no cuenta con Eclipse preinstalado, descargue Aptana (si cuenta co n Eclipse instalado, observe este enlace  para acceder a las instrucciones). Después de haber terminado el proceso de descarga e instalación, asegúrese de que su computador cumpla con los requisitos mínimos del sistema de Aptana  I nstrucciones  

Transcript of Tutorial Básico de Aptana

Page 1: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 1/9

 

Tutorial Básico de Aptana (Traducción)

ACLibre

ACLibre

< [email protected]

David Arenas "Xiezar" (Traducción)

Erika Tatiana Luque (Plantilla Docbook)

Jeffrey Steve Borbón (Revisión y formato)

Copyright © 2007 ACLibre

 Este trabajo está licenciado bajo Creative Commons Attribution-ShareAlike

Todas las marcas comerciales, marcas de servicio y nombres de marcas en este documento

 son propiedad de sus respectivos dueños.

Tabla de contenidos 1. Descargar e Instalar Aptana IDE 

2. Desinstalar Aptana IDE 

3. Crear un nuevo proyecto para librería AJAX 

Capítulo 1. Descargar e Instalar Aptana

IDE

Esta página describe como descargar y instalar Aptana IDE si usted no cuenta con Eclipse

instalado en su sistema.

 I ntroducción 

Si usted no cuenta con Eclipse preinstalado, descargue Aptana (si cuenta con Eclipse

instalado, observe este enlace para acceder a las instrucciones). Después de haber terminadoel proceso de descarga e instalación, asegúrese de que su computador cumpla con los

requisitos mínimos del sistema de Aptana

 I nstrucciones 

Page 2: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 2/9

 

 Descargar y instalar Aptana  ID E  

1. Diríjase a está página, seleccione la versión deseada de Aptana IDE para descargarla en

su disco duro

2. Pulse doble click sobre el instalador de Aptana previamente descargado

Capítulo 2. Desinstalar Aptana IDE

Las instrucciones para desinstalar Aptana son diferentes para cada versión instaladas encada sistema operativo

Para usuarios de Linux o Windows:

1. Navegar por el directorio donde fue instalado Aptana

Page 3: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 3/9

 

2. Dirijase a el icono de desinstalación o unistall Aptana

3. Pulse doble click en el icono de desinstalación

4. Ahora Aptana ha sido desinstalado de su computador 

Capítulo 3. Crear un nuevo proyecto para

librería AJAX

Introducción

Siga estas instrucciones si desea crear un proyecto de librería Ajax utilizando los plugins deyahoo o flajax.

1. Acceder al IDE Aptana para ver sus proyectos

2. Click en File>New>Proyect

3. Enseguida aparecerá una ventana

Page 4: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 4/9

 

4. En dicha ventana seleccione Ajax Library Project (Proyecto librería de Ajax) y pulse en

 Next (Siguiente)

5. Coloque el nombre de su proyecto, en este caso test2

Page 5: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 5/9

 

 

6. Seleccione una librería con la que le gustaría trabajar 

1.  - AFLAX 2.  -  Dojo

3.  - JQuery4.  - MochiKit 

5.  - Prototype6.  - Rico

7.  - script.aculo.us8.  - Yahoo U  I  

Page 6: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 6/9

 

 

7. Pulse Finish (Finalizar) y Aptana comenzará a procesar los datos

Aptana IDE creo el proyecto test2 con la librería Yahoo 12.1

Enseguida, la interfaz nos mostrará la codificación y en la ventana Code Assist Profiles

 podrá observar los ficheros de los cuales se compone su proyecto.

Page 7: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 7/9

 

Ahora podemos observar el archivo <library>_sample.htm ("<library>_" según la libreríaseleccionada) y se visualiza en el editor html.

Ahora si, seleccione

Page 8: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 8/9

 

 

El código generado se va a ejecutar en nuestro Mozilla Firefox 1.5 o versiones posteriores.

Asi:

Si desea enlazar múltiples librerías Ajax. Aptana le suministra la posibilidad de abrir 

<library>_sample.htm en forma alfabética. Además puede abrirse aparte del proyecto.

El "Code Assist Profile" es donde usted activa el perfil del proyecto

Page 9: Tutorial Básico de Aptana

5/13/2018 Tutorial Básico de Aptana - slidepdf.com

http://slidepdf.com/reader/full/tutorial-basico-de-aptana 9/9

 

 

Para explorar su proyecto AJAX

1.  Justo cuando abra el archivo el archivo <library>_sample.htm en el editor, haga

click en la pestaña Preview. En la página usted podrá previsualizar el estado actualdel proyecto

2.  Click en la pestaña Source retornando de la pestaña Preview3.  En el nuevo proyecto, puede extender la visualización de los proyectos del

directorio.4.  En el "Code Assist Profiles View", expande y mira el proyecto en el fichero

<library>_sample.htm. Este archivo se puede observar con el Code Assist.5.  Observe el "Code Assist".

6.  En su Ajax project (Proyecto de Ajax), haga doble click en el archivo<library>_sample.js para acceder a la librería y previsualizar el archivo.

7.  Ubique el cursor en algún lugar del archivo, en una nueva linea de<library>_sample.js finalmente, presione ctrl+space. En "Code Assist" aparecerá un

listado de funciones para una librería en JavaScript Core language y DOM. Use

"Code Assist" para obtener ayuda en la creación del código.8.  Inicie a programar.