Herramientas de Programacin

web

ISC. JORGE CEIN VILLA NUEVA

GUZMAN
DISEO WEB
18:00 19:00

FUENTES FRANCISCO CESAR

INGENIERIA EN SISTEMAS
COMPUTACIONALES
No CONTROL 13300982

22 DE MARZO DEL 2017

 Sublime Text
Es un editor de texto y editor de cdigo fuente est escrito en C++ y Phyton para los plugins.
Desarrollado originalmente como una extensin Vim. Sublime Text es un editor de texto y
editor de cdigo fuente est escrito en C++ y Python para los plugins. Desarrollado
originalmente como una extensin de Vim, con el tiempo fue creando una identidad propia,
por esto an conserva un modo de edicin tipo vi llamado Vintage mode.
Se puede descargar y evaluar de forma gratuita. Sin embargo, no es software libre o de
cdigo abierto3 y se debe obtener una licencia para su uso continuado, aunque la versin
de evaluacin es plenamente funcional y no tiene fecha de caducidad.

Caracterstica
Minimapa: consiste en una previsualizacin de la estructura del cdigo, es muy til
para desplazarse por el archivo cuando se conoce bien la estructura de este.
Multi Seleccin: Hace una seleccin mltiple de un trmino por diferentes partes
del archivo.
Multi Cursor: Crea cursores con los que podemos escribir texto de forma arbitraria
en diferentes posiciones del archivo.
Multi Layout: Trae siete configuraciones de plantilla podemos elegir editar en una
sola ventana o hacer una divisin de hasta cuatro ventanas verticales o cuatro
ventanas en cuadrcula.
Soporte nativo para infinidad de lenguajes: Soporta de forma nativa 43 lenguajes de
programacin y texto plano.
Syntax Highlight configurable: El remarcado de sintaxis es completamente
configurable a travs de archivos de configuracin del usuario.
Bsqueda Dinmica: Se puede hacer bsqueda de expresiones regulares o por
archivos, proyectos, directorios, una conjuncin de ellos o todo a la vez.
Auto completado y marcado de llaves: Se puede ir a la llave que cierra o abre un
bloque de una forma sencilla.
Soporte de Snippets y Plugins: Los snippets son similares a las macros o los bundles
adems de la existencia de multitud de plugins.
Configuracin total de Keybindings: Todas las teclas pueden ser sobrescritas a
nuestro gusto.
Acceso rpido a lnea o archivo: Se puede abrir un archivo utilizando el conjunto de
teclas Cmd+P en Mac OS X o Ctrl+P en Windows y Linux y escribiendo el nombre del
mismo o navegando por una lista. Tambin se puede ir a una lnea utilizando los dos
puntos ":" y el nmero de lnea.
Paleta de Comandos: Un intrprete de Python diseado solo para el programa con
el cual se puede realizar infinidad de tareas.
 Coloreado y envoltura de sintaxis: Si se escribe en un lenguaje de programacin o
marcado, resalta las expresiones propias de la sintaxis de ese lenguaje para facilitar
su lectura.
Pestaas: Se pueden abrir varios documentos y organizarlos en pestaas.
Resaltado de parntesis e indentacin: Cuando el usuario coloca el cursor en un
parntesis, corchete o llave, resalta sta y el parntesis, corchete o llave de cierre o
apertura correspondiente.
Sin impresin No cuenta con la posibilidad directa de imprimir, se requiere el uso de
pluggins de terceros.

Lenguajes que soporta

ActionScript Makefile
AppleScript Markdown
ASP MATLAB
Batch File Objective-C
C Ocaml
C# Perl
C++ PHP
Clojure Python
CSS R
D Rails
Diff ReStructuredText
Erlang Ruby
Expresin regular Scala
Go Shell Script (Bash)
Graphviz (DOT) SQL
Groovy Tcl
Haskell Texto plano
HTML Textile
Java XML
JavaScript XSL
LaTeX YAML
Lua
Lisp
 Requerimientos
Memoria Ram 1GB
Espacio DD 5.34MB
S.O Windows, Linux, MAC
Procesador 1.6Mhz
Licencia de Paga
 Como Instalar Sublimex Text
1. Entrar a nuestro navegador y textear en el buscador Sublimex Text

2. Entrar al link que dice Download(Descargar) el cual nos llevara a su pgina oficial
3. Una vez en la pgina buscamos la versin que necesitamos dependiendo del S.O
que tengamos (Windows, Ubuntu, Os X) en Windows contamos con la versin
portable.

4. Esperamos a que la descarga empiece para continuar con la instalacin

5. Una vez terminada la descarga ejecutamos el archivo con el nombre Sublime Text
2.0.2a x64 Setup.exe y nos pedir el permiso para su ejecucin, damos a la opcin
Ejecutar

6. Empezaremos con la instalacin la primera ventana que nos saldr es la bienvenida

a la instalacin, damos en la opcin Next
7. La siguiente ventana que nos saldr ser la ubicacin en la cual se instalar el
programa Sublime Text, verificamos en que carpeta lo har le damos Next

8. Nos saldr la siguiente ventana y marcaremos la casilla que dice add explorer
context men (Agregar el men contextual del explorador) y le damos next.
9. Una vez listo nos saldr la siguiente pantalla Ready to Install (listo pata
instalacin), nos dice el destino de instalacin y sus componentes. Damos Install

10. Comenzar la instalacin

11. Terminar la instalacin

12. Y listo tenemos instalado nuestro editor de texto, listo para usar
 Atom
Atom es un editor de texto que es moderno, accesible, pero hackable para el ncleo, una
herramienta que puede personalizar para hacer cualquier cosa, pero tambin utilizar de
forma productiva sin tocar un archivo de configuracin.

Caractersticas
Edicin multiplataforma Atom funciona en todos los sistemas operativos. Puede utilizarlo
en OS X, Windows o Linux.
Administrador de paquetes incorporado. Busque e instale nuevos paquetes o comience a
crear sus propios, desde Atom.
Autocompletado inteligente. Atom le ayuda a escribir cdigo ms rpido con un
autocompletado inteligente y flexible.
Navegador del sistema de archivos. Navegue y abra fcilmente un solo archivo, un
proyecto completo o varios proyectos en una sola ventana.
Mltiples paneles. Divida su interfaz Atom en varios paneles para comparar y editar el
cdigo entre los archivos.
Encontrar y reemplazar. Buscar, previsualizar y reemplazar texto a medida que escribe en
un archivo oa travs de todos sus proyectos.
Paquetes Usted elige entre miles de paquetes de cdigo abierto que agregan nuevas
caractersticas y funcionalidades a Atom o construyen un paquete desde cero y lo publican
para que todos los dems lo utilicen.
Temas. Atom viene preinstalado con cuatro UI y ocho temas de sintaxis tanto en colores
oscuros como claros. Si no puedes encontrar lo que buscas, tambin puedes instalar
temas creados por la comunidad de Atom o crear los tuyos propios.
Personalizacin Es fcil personalizar y disear Atom. Puede ajustar la apariencia de su
interfaz de usuario con CSS / Less y agregar funciones principales con HTML y JavaScript.
Echa un vistazo al video sobre cmo configurar Atom
Personalizacin. Es fcil personalizar y disear Atom. Puede ajustar la apariencia de su
interfaz de usuario con CSS / Less y agregar funciones principales con HTML y JavaScript.
Echa un vistazo al video sobre cmo configurar Atom
 Lenguajes que soporta
ActionScript Makefile
AppleScript Markdown
ASP MATLAB
Batch File Objective-C
C Ocaml
C# Perl
C++ PHP
Clojure Python
CSS R
D Rails
Diff ReStructuredText
Erlang Ruby
Expresin regular Scala
Go Shell Script (Bash)
Graphviz (DOT) SQL
Groovy Tcl
Haskell Texto plano
HTML Textile
Java XML
JavaScript XSL
LaTeX YAML
Lua
Lisp
Requerimientos
Memoria RAM 2 GB
Espacio en DD 100GB
S.O Windows, Ubuntu o Mac
Procesador 1.6Mhz
Licencia Gratuita
 Manual de instalacin Atom
1. Entrar a Nuestro Navegador y textear en el buscador Atom

2. Damos click en el primer link de enlace la cual nos llevara a la pgina oficial
3. Una vez en la pagina le nos posicionamos en la parte que dice Download Windows
64-Bits Installer para que comience la descarga del instalador del Atom.exe
4. Empezara la descarga de el instalador, esperamos a que descargue

5. Una vez descargado el instalador lo ejecutamos, la primera ventana que nos

aparecer alerta de seguridad y seleccionamos opcin ejecutar
6. Comenzaremos la instalacin del Atom

7. Listo tendremos instalado el Atom

 Conclusin
Si bien hemos vistos estos 2 editores de texto son una de las herramientas para facilitacin
de cdigo HTML, CSS, PHP y etc. Uno ms fcil en su manera de instalacin que otro para
mi gusto personal y por lo que puede encontrar en la red Sublime Text es uno de los mejores
editores de texto en el amplio mundo de la programacin, aunque su nico defecto por as
llamarlo es su licencia de paga ya que si necesitas otras herramientas tienes que adquirir
una licencia de paga por $70 USD ($1339.8 M.N), al igual que uno debe recargar la pgina
para ver los cambios hechos durante la edicin de cdigo.
Mientras que por el otro lado tenemos Atom un editor de texto de licencia Gratuita, muy
fcil y sencillo de instalar, es ms fcil de visualizar los cambios en forma en el que vamos
modificando el cdigo, y dems que tiene un diseo llamativo.
Esto nos lleva a la conclusin de que los 2 son buenos editores de texto, pero para mi gusto
me inclino por el Sublime Text ya que nos ofrece versiones portables, sin necesidad de
instalar en nuestra mquina, adems de que es ms fcil en su forma de usar.