presentacion emacs flisol 2012

Download Presentacion emacs flisol 2012

Post on 21-May-2015

592 views

Category:

Design

4 download

Embed Size (px)

TRANSCRIPT

  • 1. EMACSEmacs para la programacin WEB

2. Emacs para el desarrollo WEBSinopsisUn poco de historiaCaracteristicas PrincipalesPresentar el EditorSuficiente EmacsComandos Basicos para empezarEmacs ModesModos para el desarrollo WEBDesarrollo WEBEjemplo de desarrollo rapido 3. SinopsisEmacs Originalmente era un acronimo de Editor MACroS.El 1er Emacs fue escrito por Richard Stallman y lanzadooficialmente en 1985.Emacs sigue siendo mantenido por Richard Stallman y el proyecto GNU.La Ultima version de Emacs Se Libero el da 29 de enerode 2012 (27 aos 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 ytransparente, 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 escrituraNombre Numeros deModo Mayor/ Tamao Buffer Modificado del Linea/Colum Modo Menor(en bytes)Directorio es local (TRAMP)bufferna (MuMaMo) 7. Suficiente EmacsTeclas Control y Meta (saber esto es la base)`C-x: Presiona la tecla mientras Sostienes la tecla `M-x: Presiona la tecla mientras Sostienes la tecla (tipicamente ALT, Option, etc).Comandos basicos:De los comandos mas basicos para usar Emacssatisfactoriamente, sin desesperarse por que no hace lo quepensamos son los 2 siguientes:C-g: Cancela la accin, detiene un comando colgado, etc. traten deusarlo cada vez que entran en duda.C-h k: Control+H y luego k, luego el minubuffer les pedira queescriban cualquier comando y Emacs entregara ayuda. 8. Suficiente EmacsComandos Basicos: (Todas las funciones se pueden lanzar desde la Interfaz grafica) ComandoTecla Descripcin keyboard-quitC-g Abortar el comando actual. undo C-/ Deshacer el ltimo cambio, y cambiosanteriores si se pulsa repetidamente. find-fileC-x C-f Visitar un fichero (del cual se especifica elnombre) en su propio buffer de edicin save-bufferC-x C-s Guardar el buffer de edicin actual en sufichero visitado. save-with- C-x C-w Guardar el buffer de edicin actual como newnamefichero cuyo nombre se ha de especificar. save-buffers-kill- C-x C-c Preguntar al usuario si se quieren guardar los emacscambios, y despus salir de Emacs. set-marker C-[space]/C- Colocar un marcador en el lugar donde se@quiere cortar o copiar. kill bufferC-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 TeclasDescripcinKill-line C-k Borra la linea en la que se encuentra el cursorYankC-Y Pega lo ultimo que fue cortado, o la ultima lineaeliminada.Yank-popM-y Pega la linea anterior a la ultima linea cortada oeliminada, el uso sucesivo pega el texto queesta en el kill-ring.Kill-region C-w Corta la region seleccionada, usar set-markerpara seleccionar (cortar).Kill-ring-saveM-w Pega la region seleccionada en el kill-ring(copiar).undoC-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 avanzaentre los resultados. 10. Emacs ModeLos modos son lo mas esencial en Emacs sin ellos Emacsno seria lo mismo.Estos modos son las personalizaciones en ELISP hechascasi un plugin o un paquete.Normalmente son un solo archivo que contiene sus instrucciones de instalacin.Todos los Modos deben ser incluidos Tipicamente en lacarpeta .emacs.d y deben ser configurados en elarchivo .emacs para que puedan ser utilizados.Los modos se pueden encontrar con una gran facilidad enEmacsWiki 11. Emacs ModesPara el desarrollo WEB, necesitamos modos para agregarcaracteristicas, que son partes tipicas de cualquiereditor 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 auno, o bien se puede bajar un paquete que ya loscontenga.Para estos ejemplos se usa nXHTML, un modo de emacsbastante completo que integra los anteriores de unamanera sencilla, al igual que una serie de herramientasque ayudan al desarrollo WEB.http://ourcomments.org/Emacs/nXhtml/doc/nxhtml.html 13. Desarrollo WEBRealizaremos un Pequeo 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 yatiene una tecla en el teclado como por ejemplo,moverse al comienzo y al final de una linea o entrepalabras, 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 unicoeditor, y como desarrolladores es conveniente buscar elque mas adecue al trabajo que estamos realizando, ascomo a gustos personales.Como sugerencia a la hora de elegir un editor, seriabueno tener en cuenta que este contenga algunas delas caracteristicas que provee emacs y sus modos. 16. Gracias por su atencin 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 Pgina 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/