Clase 3 Editores para Programación Web

1. Electiva II
Clase 3
Editores para Programación Web
Ing. José Ricardo Tillero UPTAEB

2. Editores para Programación Web
SUBLIME TEXT 3

3. Editores para Programación Web
SUBLIME TEXT 3
 Sublime Text le permite probar el editor de texto antes de comprometerse y hacer una fuerte inversión. A
pesar de que uno tendrá que pagar por este editor de texto, por lo menos le dan la oportunidad de
probarlo primero – y en realidad no es tan caro.
 El editor de texto funciona en múltiples plataformas como Mac, Windows, y Linux. También es cross-
platform, así que una licencia funcionará en todos sus dispositivos – no necesita comprar más de uno.
 Sublime Text provee edición dividida para administrar y editar archivos uno al lado de otro. También
puede abrir múltiples ventanas y colocarlas en distintos monitores.
 La Python API le abre muchas oportunidades para mejorar el Sublime Text con plugins que usted u otras
personas, creen.
 Sublime Text tiene atajos súper simples y poderosos. Desde poder encontrar y modificar múltiples
líneas a encontrar ciertas funciones en el menú, Sublime Text debería hacer que los amantes de los
atajos queden muy contentos.
 También puede personalizar casi cualquier cosa en Sublime Text. Esto es especialmente cierto cuando
se habla de atajos y menús. Le recomendamos modificar un poco las opciones para abrir los archivos
en la misma ventana (nueva pestaña).
 Tiene muy buenos temas hechos por la comunidad. Consulte por ejemplo el tema de Dracula Sublime.

4. Editores para Programación Web
NOTEPAD++

5. Editores para Programación Web
NOTEPAD++
 Notepad++ es completamente gratuito para todos.
 El editor de texto ya ha sido traducido a docenas de idiomas y ofrece toda la documentación requerida
para traducirlo a más idiomas.
 Usted recibirá un editor de vista múltiple con resalto y pliegue de sintaxis.
 Las herramientas de personalización son fáciles de entender y suficientemente poderosas para el
desarrollador más avanzado.
 Las opciones de autocompletado asegurarán que usted pueda terminar funciones, parámetros y
palabras sin tener que escribirlas una y otra vez.
 Ofrece una interfaz de documento múltiple para cambiar entre pestañas y administrar múltiples cuentas
al mismo tiempo.
 Notepad++ ofrece una lista de plugins para mejorar la funcionalidad del editor de texto o poder ser
integrado con otros programas.
 Usted puede abrir la función de lista, la que revela un esquema de todas las funciones encontradas en el
actual archivo. Esto también incluye un motor de búsqueda para encontrar rápidamente funciones en
documentos grandes.

6. Editores para Programación Web
Visual Studio Code

7. Editores para Programación Web
Visual Studio Code
 Visual Studio Code es un editor de texto completamente gratuito con acceso open source y
una amplia colección de extensiones para hacer algunas mejoras.
 La comunidad es muy fuerte y el sitio Web incluye bastante documentación, un blog y
mucha información en forma de API y página de FAQs.
 Provee comandos integrados de Git.
 La función de IntelliSense hace un maravilloso trabajo de mejorar las funciones
autocompletado y destaque de sintaxis estándares que podría esperar de la mayoría de los
editores de texto. Esencialmente, este crea completados inteligentes basados en artículos
como la definición de función y tipos de variables.
 Usted tendrá la opción de depurar su código directamente en el editor. Por lo tanto, no hay
razón para imprimir una declaración de depuración.
 Este es un editor de texto de plataforma múltiple, con soporte para Linux, Mac y Windows.

8. Editores para Programación Web
ATOM

9. Editores para Programación Web
ATOM
 Atom es un editor de texto open source con una gran comunidad de desarrolladores. Esto
quiere decir que usted obtendrá actualizaciones, temas y paquetes nuevos de forma
consistente. Conozca el tema de Dracula para Atom.
 Es una solución cross-platform que funciona en la gran mayoría de sistemas operativos.
 El editor es útil no sólo para programar, pero sus verdaderas fortalezas entran en juego
cuando usted necesita colaborar con otras personas. Todas las ediciones y creaciones se
pueden hacer en tiempo real.
 Atom provee un paquete de GitHub para integrar y hacer cosas como jalar peticiones y
resolver conflictos de uniones.
 También puede buscar nuevos paquetes y temas directamente desde el editor de texto.
 Es muy fácil editar su código con su autocompletado inteligente, un navegador de
archivos del sistema y una función de buscar y reemplazar.
 Atom ofrece múltiples paneles para comparar y editar código lado a lado.

10. Editores para Programación Web
Brackets

11. Editores para Programación Web
Brackets
 Brackets ofrece valor y su conjunto de funciones, especialmente considerando que usted
no tendrá que pagar ni un centavo, y ha sido especialmente diseñado para desarrolladores
Web.
 Tiene cierta integración con archivos PSD.
 El editor de texto se conecta con GitHub.
 Varias extensiones son provistas para que pueda expandir a partir de su editor de texto
actual y potencialmente personalizar como lucirá su interfaz.
 Brackets es una solución cross-platform que podrá utilizar en todos sus sistemas
operativos.
 La función de vista previa asegurará que todos los desarrolladores puedan ver su trabajo
en una forma más visual.
 Los editores en línea le permitirán seleccionar un área dentro de su código y abrir una
ventana junto al editor. De esta forma, usted no tendrá que tener varias pestañas abiertas
mientras completa su trabajo.

12. Editores para Programación Web
Codeshare

13. Editores para Programación Web
Codeshare
 CodeShare sin duda alguna destaca por ser uno de los primeros editores de
texto que ofrece compartición en tiempo real.
 También este es uno de los mejores editores de texto porque tiene una solución
de video chat integrada para poder adentrarse con múltiples miembros de su
equipo. Esto podría ser muy útil para entrevistas o sesiones de equipo donde ver
la cara de la persona y escuchar su voz podría ser muy beneficioso.
 Es un editor de texto completamente gratuito
 CosdeShare es un editor de código bastante básico, haciéndolo perfecto para
aquellos que prefieran menos distracciones.
 Su código puede ser guardado si se inscribe para recibir su cuenta gratuita.

14. Editores para Programación Web
Komodo Edit

15. Editores para Programación Web
Komodo Edit
 Komodo Edit es una de las mejores opciones de edición de texto, ya que ofrece dos versiones distintas,
una que es perfecta para usuarios livianos y otra más avanzadas para los usuarios de alto desempeño.
 Ambas versiones, incluyendo el Komodo Edit y el Komodo IDE, puede ser descargadas sin costo
alguno.
 La versión de Komodo IDE tiene herramientas de colaboración de código en tiempo real para conectarse
con otros desarrolladores de su equipo y compartir/editar archivos.
 Las cubiertas interactivas en Komodo IDE incluyen Python, Ruby y Perl.
 La opción de Komodo IDE también tiene bastantes integraciones. Algunas de estas son Gulp, Grunt,
Yarn y Vagrant.
 La vista previa en vivo en el Komodo IDE asegura que usted pueda visualizar a los visuales HTML
mientras va ajustando el código.
 La versión de Komodo Edit tiene la habilidad de rastrear cambios y hacer múltiples selecciones.
 Ambas versiones tienen editores de múltiples lenguajes que incluyen pieles y conjuntos de iconos.

16. Editores para Programación Web
UltraEdit

17. Editores para Programación Web
UltraEdit
 UltraEdit es una solución Premium que ofrece soporte al usuario, una comunidad decente, y una gran
variedad de funciones que no podría siempre obtener de un editor de texto gratuito o open source.
 Es uno de los editores de texto más rápidos que podrá encontrar, especialmente en términos de
encontrar y reemplazar archivos y el de poder seleccionar y editar múltiples fragmentos de código.
 La vista previa de HTML trae un aspecto visual a sus procesos de programación. Este queda a un lado
del editor de texto y hace visualizar una vista previa de HTML para que pueda verlo directamente en el
programa.
 Usted podrá editar archivos extremadamente grandes con UltraEdit. En muchas ocasiones usted podrá
descubrir que un editor de texto menos poderoso o gratuito se caiga cuando intente personalizar
archivos más grandes. Esto no sucederá con UltraEdit.
 Este es un editor de texto de plataforma múltiples, y cuando usted para por una licencia usted podrá
usarla en tres maquinas distintas.
 Todas las herramientas son configurables en el editor de texto. Incluso puede elegir de algunos de los
temas del editor que servirán como pieles para su programa.
 Hay varias plantillas inteligentes que automáticamente completarán algunos de los códigos mientras
usted teclea.

18. Editores para Programación Web
Vim

19. Editores para Programación Web
Vim
 Vim provee un sistema que es muy sencillo de utilizar, para todas las personas que disfrutan utilizar
plugins para expandir este editor de texto.
 La comunidad en línea de Vim es un lugar para aprender más sobre las extensiones al igual que
cualquier nuevo script, consejo y herramienta que surja.
 Es una solución completamente gratuita y open source que recibe actualizaciones constantes.
 También es uno de los editores de texto más antiguos en el mercado, y sigue teniendo algunas de las
funciones más poderosas y una gran base de seguidores.
 Usted puede integrar Vim con varias herramientas que ya está utilizando para su negocio o sus
necesidades de diseño.
 No importa que lenguajes de programación esté utilizando, porque Vim soporta cientos de lenguajes,
junto con varios tipos de formatos de archivo.
 Con la naturaleza open source de Vim, y su vibrante comunidad, usted puede votar para que creen
nuevas funciones y realmente tener un impacto en el futuro del desarrollo del editor de texto.
 Puede utilizar el editor de texto en todas sus maquinas, ya que funciona en Linux, Windows, y Mac. Hay
proyectos populares como MacVim el cual provee un mejor GUI.