Apuntes; Aptana Studio 3
-
Upload
francisco-javier-arce-anguiano -
Category
Internet
-
view
386 -
download
2
Transcript of Apuntes; Aptana Studio 3
![Page 1: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/1.jpg)
Aptana Studio 3
IDE
![Page 2: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/2.jpg)
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
![Page 3: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/3.jpg)
Aptana Studio 3
● Fue adquirido por Appcelerator (Titanium)● Es multilenguaje y multiplataforma● Soporta FTP, FTPS, SFTP y Capistrano● Manejo de terminal dentro del paquete
![Page 4: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/4.jpg)
Aptana Studio 3
● Entra a http://www.aptana.com/● Selecciona Download● Te pide tu correo● Selecciona nuevamente Download
![Page 5: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/5.jpg)
Aptana Studio 3
Instalación en Windows
![Page 6: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/6.jpg)
Aptana Studio 3
● Entra a http://www.aptana.com/● Selecciona Download● Te pide tu correo● Selecciona nuevamente Download
![Page 7: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/7.jpg)
Aptana Studio 3
● Si la computadora no tiene node.js, lo puede conseguir e instalarlo en:
● http://go.aptana.com/installer_nodejs_windows
![Page 8: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/8.jpg)
Aptana Studio 3
La interface de trabajo
![Page 9: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/9.jpg)
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
![Page 10: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/10.jpg)
Aptana Studio 3
Crear un archivo nuevo
![Page 11: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/11.jpg)
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
![Page 12: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/12.jpg)
Aptana Studio 3
Crear un proyecto
![Page 13: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/13.jpg)
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.
![Page 14: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/14.jpg)
Aptana Studio 3
Promover un proyecto
![Page 15: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/15.jpg)
Aptana Studio 3
● Si tienes una carpeta en tu computadora con archivos web (html, js, php, css, etc.) puedes “promoverlos” como proyectos.
![Page 16: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/16.jpg)
Aptana Studio 3
El panel de historia
![Page 17: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/17.jpg)
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.
![Page 18: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/18.jpg)
Aptana Studio 3
Propiedades del editor
![Page 19: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/19.jpg)
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)
![Page 20: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/20.jpg)
Aptana Studio 3
Manejar el área del editor
![Page 21: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/21.jpg)
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
![Page 22: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/22.jpg)
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
![Page 23: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/23.jpg)
Aptana Studio 3
Auto-complete
![Page 24: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/24.jpg)
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.
![Page 25: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/25.jpg)
Aptana Studio 3
Snippets
![Page 26: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/26.jpg)
Aptana Studio 3
● Los snippets son líneas de código que son frecuentemente utilizadas en programación.
![Page 27: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/27.jpg)
Aptana Studio 3
Task y Bookmarks
![Page 28: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/28.jpg)
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
![Page 29: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/29.jpg)
Aptana Studio 3
La vista Outlines
![Page 30: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/30.jpg)
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.
![Page 31: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/31.jpg)
Aptana Studio 3
Manejo de los navegadores
![Page 32: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/32.jpg)
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.
![Page 33: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/33.jpg)
Aptana Studio 3
Subir archivos al servidor
![Page 34: Apuntes; Aptana Studio 3](https://reader033.fdocuments.ec/reader033/viewer/2022050916/58a1f6761a28abac528b4fe1/html5/thumbnails/34.jpg)
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.