Presentacion emacs flisol 2012
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Presentacion emacs flisol 2012

on

  • 706 views

 

Statistics

Views

Total Views
706
Views on SlideShare
705
Embed Views
1

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 1

https://si0.twimg.com 1

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Presentacion emacs flisol 2012 Presentation Transcript

  • 1. EMACSEmacs para la programación WEB
  • 2. Emacs para el desarrollo WEBSinopsis Un poco de historiaCaracteristicas Principales Presentar el EditorSuficiente Emacs Comandos Basicos para empezarEmacs Modes Modos para el desarrollo WEBDesarrollo WEB Ejemplo de desarrollo rapido
  • 3. SinopsisEmacs Originalmente era un acronimo de Editor MACroS.El 1er Emacs fue escrito por Richard Stallman y lanzado oficialmente en 1985.Emacs sigue siendo mantenido por Richard Stallman y el proyecto GNU.La Ultima version de Emacs Se Libero el día 29 de enero de 2012 (27 años de trabajo).
  • 4. Caracteristicas PrincipalesEmacs puede Funcionar en modo terminal o en su version con GUI.Emacs normalmente usa comandos de teclado para realizar tareas rapidas, las teclas mas tipicas son Control (C-) y Meta (M-).Emacs reconoce variados teclados e idiomas.Emacs es multiplataforma, puede funcionar perfectamente en Linux,windows, mac OpenBSD, etc.Cuenta con un explorador de archivos similar al de una terminal de linux.Emacs puede ser personalizado completamente al usar el
  • 5. Caracteristicas PrincipalesEs capaz de manejar multiples modos en un mismo Buffer (Mumamo).Es capaz de abrir archivos de forma remota y transparente, ya sea a travez de SSH, FTP, SFTP, etc. (TRAMP).
  • 6. Caracteristicas PrincipalesEmacs Presenta distintas Informaciones en Distintos Buffers y tambien en sus franjas. Charset (Utf-8) Tipo de fin de linea Permisos de escritura Nombre Numeros de Modo Mayor/ Tamaño Buffer Modificado del Linea/Colum Modo Menor (en bytes)Directorio es local (TRAMP) buffer na (MuMaMo)
  • 7. Suficiente EmacsTeclas Control y Meta (saber esto es la base) `C-x: Presiona la tecla <x> mientras Sostienes la tecla <Ctrl> `M-x: Presiona la tecla <x> mientras Sostienes la tecla <Meta> (tipicamente ALT, Option, etc).Comandos basicos: De los comandos mas basicos para usar Emacs satisfactoriamente, sin desesperarse por que no hace lo que pensamos son los 2 siguientes: C-g: Cancela la acción, detiene un comando colgado, etc. traten de usarlo cada vez que entran en duda. C-h k: Control+H y luego k, luego el minubuffer les pedira que escriban cualquier comando y Emacs entregara ayuda.
  • 8. Suficiente EmacsComandos Basicos: (Todas las funciones se pueden lanzar desde la Interfaz grafica) Comando Tecla Descripción keyboard-quit C-g Abortar el comando actual. undo C-/ Deshacer el último cambio, y cambios anteriores si se pulsa repetidamente. find-file C-x C-f Visitar un fichero (del cual se especifica el nombre) en su propio buffer de edición save-buffer C-x C-s Guardar el buffer de edición actual en su fichero visitado. save-with- C-x C-w Guardar el buffer de edición actual como newname fichero cuyo nombre se ha de especificar. save-buffers-kill- C-x C-c Preguntar al usuario si se quieren guardar los emacs cambios, y después salir de Emacs. set-marker C-[space]/C- Colocar un marcador en el lugar donde se @ quiere cortar o copiar. kill buffer C-x k Cerrar el buffer actual. fill-paragraph M-q Wrap text in ("fill") a paragraph.
  • 9. Suficiente EmacsComandos para la edicion de texto:Comando Teclas DescripciónKill-line C-k Borra la linea en la que se encuentra el cursorYank C-Y Pega lo ultimo que fue cortado, o la ultima linea eliminada.Yank-pop M-y Pega la linea anterior a la ultima linea cortada o eliminada, el uso sucesivo pega el texto que esta en el kill-ring.Kill-region C-w Corta la region seleccionada, usar set-marker para seleccionar (cortar).Kill-ring-save M-w Pega la region seleccionada en el kill-ring (copiar).undo C-x u ó C-_ Dezhace. (Ctrl+shift+_)Query replace M-% Reemplaza un texto por otro.isearch-forward C-s Busca en el Buffer. El uso sucesivo avanza entre los resultados.
  • 10. Emacs ModeLos modos son lo mas esencial en Emacs sin ellos Emacs no seria lo mismo.Estos modos son las personalizaciones en ELISP hechas casi un plugin o un paquete.Normalmente son un solo archivo que contiene sus instrucciones de instalación.Todos los Modos deben ser incluidos Tipicamente en la carpeta “.emacs.d” y deben ser configurados en el archivo “.emacs” para que puedan ser utilizados.Los modos se pueden encontrar con una gran facilidad en EmacsWiki
  • 11. Emacs ModesPara el desarrollo WEB, necesitamos modos para agregar caracteristicas, que son partes tipicas de cualquier editor moderno como: Resaltado de sintaxis. Autocompletado.Los Modos que usaremos son: PHPmode (PHP) Espressomode (javascript/jquery) Cssmode (CSS) Xmlmode (xhtml/html/xml)
  • 12. Emacs ModeLos modos anteriores se pueden instalar a mano uno a uno, o bien se puede bajar un paquete que ya los contenga.Para estos ejemplos se usa nXHTML, un modo de emacs bastante completo que integra los anteriores de una manera sencilla, al igual que una serie de herramientas que ayudan al desarrollo WEB.http://ourcomments.org/Emacs/nXhtml/doc/nxhtml.html
  • 13. Desarrollo WEBRealizaremos un Pequeño ejemplo, de una pagina el control de usuarios, usando Emacs+nXHTML y un plugin de Jquery para manejo de tablas. Siguiendo la siguiente maqueta:
  • 14. Algunos TipsEmacs se vuelve mas mas potente a medida que el usuario aprende mas sobre este.Emacs no solo es editor de texto, es practicamente un SO a esta altura, así que vale la pena investigar para usarlo para otras funciones (pe: ver y crear PDF).Dependiendo de lo que desarrollen, pueden usar mas modos que complementen y aceleren su trabajo como: YASnippet, Zen-coding, Org Mode, etc.Aprender a usar el teclado, varios comandos de emacs ya tiene una tecla en el teclado como por ejemplo, moverse al comienzo y al final de una linea o entre palabras, y eso se puede usar en cualquier parte.
  • 15. Palabras FinalesPara comcluir Emacs es un gran editor de texto, sumamente avanzado y poderoso, pero no es el unico editor, y como desarrolladores es conveniente buscar el que mas adecue al trabajo que estamos realizando, así como a gustos personales. Como sugerencia a la hora de elegir un editor, seria bueno tener en cuenta que este contenga algunas de las caracteristicas que provee emacs y sus modos.
  • 16. Gracias por su atención
  • 17. ReferenciasYASnippet: https://github.com/capitaomorte/yasnippet YASnippet en la wiki: http://emacswiki.org/emacs/Yasnippet (no recomendado con nXhtml)Zen-coding: http://emacswiki.org/emacs/ZenCoding Video Ilustrativo: http://www.youtube.com/watch?v=VPt2U46OI_0 Página Oficial de Zen coding: http://code.google.com/p/zen-coding/Org Mode*: http://orgmode.org/es/index.htmlBookmarks*: http://emacswiki.org/emacs/BookMarksTRAMP*: http://www.gnu.org/software/tramp/nXHTML:http://ourcomments.org/Emacs/nXhtml/doc/nxhtml.html * Incluidas en Emacs por defecto.
  • 18. Preguntashttp://guliqq.unap.cl/