Herramientas de

programacin
01 Python 04 Javascript
02 Html5 05 PHP
03 Java 06 Perl
Python
Una de las ltimas apuestas del mercado web, con una enorme
implantacin entre la comunidad de desarrolladores americana, es
el lenguaje de programacin Python, que permite la realizacin de
proyectos de forma gil y verstil.
 01. PYTHON / BEEWARE

BeeWare
BeeWare es algo ms que una herramienta, de hecho es una caja de herramientas de ayuda
para desarrollar y depurar software en Python.

La gran diferencia de BeeWare con un IDE Cada una puede usarse para hacer pequeas
(entorno de desarrollo integrado) es que cada tareas y todas a la vez por separado sirven para
herramienta de esa caja puede usarse de forma poner en marcha grandes proyecto en Python.
independiente del resto.

Las herramientas la caja de servicios BeeWare son:
CRICKET
Herramienta grfica para
ejecutar pruebas unitarias. No
ofrece muchos detalles de la
ejecucin mientras la suite est
en marcha y no es posible
empezar a buscar fallos hasta
que la ejecucin est completa.
Cricket tiene soporte para
Django, un framework de
cdigo abierto que est escrito
en Python y sirve para
desarrollar aplicaciones web de
forma ms rpida.
BUGJAR
Depurador de errores de
cdigo. Los antiguos
depuradores eran buenos por
sus entornos de desarrollo
integrado y por la posibilidad de
depurar errores de forma visual
mientras se produca la
ejecucin. El modelo de
depuracin de Python contiene
buenos ganchos de depuracin.
Adems, dispone de una
interfaz grfica que permite
desplazarse por el cdigo para
corregir errores.
01. PYTHON / BEEWARE
DUVET
Interfaz grfica que ayuda a los
desarrolladores a visualizar los
resultados de cobertura de
pruebas devuelto por
coverage.py, una herramienta
que funciona para medir la
cobertura de cdigo de
programas en Python. Este tipo
de acciones sirven para medir la
efectividad de las pruebas,
mostrando por separado qu
partes del cdigo se ejercen por
medio de pruebas y cules no.
 01. PYTHON / BEEWARE

BeeWare tambin tiene una serie de libreras para proyectos en Python:

TOGA iOS TEMPLATE ANDROID TEMPLATE

Paquete de herramientas nativo Plantilla que nos permite el Una plantilla para implementar
para cada sistema, hecho en desarrollo de aplicaciones en cdigo Python en Android.
Python y que puede ser usada lenguaje Python pero
para escritorio y mvil. ejecutadas en iOS.

RUBICON
Herramientas que permiten
establecer relaciones entre el
entorno de programacin de
Python y el resto.
CASSOWARY
Implementacin del algoritmo de
soluciones de limitaciones (el
mismo que usa el motor grfico
de Mac OS X e iOS desde 2011).
 01. PYTHON / BOA CONSTRUCTOR

BOA Constructor
Los desarrolladores en Python cuentan con este entorno de desarrollo integrado (IDE) con
una interfaz grfica de usuario incorporada (GUI) para wxPython. Esta herramienta incluye un
inspector de objetos, jerarquas de herencia, un depurador especialmente bueno y ayuda
integrada. Evidentemente est escrito en Python.
 01. PYTHON / BOA CONSTRUCTOR

La interfaz de usuario est formada por un conjunto de herramientas separadas que se

emplean para crear y depurar aplicaciones desarrolladas con Python:

PALETA
Esta herramienta permite al desarrollador
acceder a los objetos como botones, cuadros
de texto, marcos y bien crear paquetes y
mdulos para nuestras aplicaciones. Es el
primer paso para generar un nuevo de
desarrollo para Python.
EDITOR
Esta es la parte de BOA Constructor donde el
desarrollador puede acceder al cdigo fuente
de la aplicacin que est creando. Es en el
editor donde se pueden corregir errores y
ejecutar la aplicacin para identificarlos.
Existe algn tutorial interesante en la Red que
puede servir de pauta para iniciados.

INSPECTOR
A travs de esta herramienta
podemos acceder a los objetos

EXPLORADOR
Nos permite navegar y revisar
elementos de datos.
 01. PYTHON / ENTORNOS DE DESARROLLO

Entornos de desarrollo
integrado para Python
Un entorno de desarrollo integrado es una aplicacin de software que permite al
desarrollador el diseo de software de una forma sencilla. Dispone de todas las herramientas
necesarias integradas en un mismo entorno: un editor de cdigo fuente, herramientas de
construccin automtica y un depurador. En el mercado hay varios.
 01. PYTHON / ENTORNOS DE DESARROLLO

PYDEV PARA ECLIPSE

PyDev es una paquete de Python para Eclipse, un IDE muy verstil, preparado para permitir no solo el
lenguaje Python, sino tambin muchos otros. Tiene caracterstica especialmente interesantes si quieres
programar aplicaciones:

Integracin con Django, un framework de Finalizacin de cdigo.

desarrollo web de cdigo abierto escrito en Resaltado de sintaxis.
Python. Lo que permite Django a los
desarrolladores es la creacin de proyectos web Anlisis de cdigo.
complejos a travs de un desarrollo rpido Depurador y depurador remoto.
mediante el principio de computacin Dont
Navegador interactivo.
Repeat Yourself (No te repitas), que busca la
eliminacin de duplicidades en los procesos de Refactorizacin.
desarrollo. Integracin de pruebas unitarias.
Cobertura de cdigo fuente.
 01. PYTHON / ENTORNOS DE DESARROLLO

PYCHARM
Es un IDE creado por JetBrains. Dentro de la comunidad de desarrolladores Python tiene una fama
increble. Algunos llegan a calificarlo del mejor IDE para Python. Es un entorno de desarrollo integrado con
cientos de funciones, lo que puede convertir a la herramienta en un entorno pesado, pero sin duda es una
gran eleccin para programar.

Alguna de sus caractersticas fundamentales son:

Integracin Depurador avanzado de Python y JavaScript.

Integracin con frameworks como Django, Sistema de control de versiones como Git, CVS
Flask, Pyramid o Web2Py. y Mercurial.
Compatibilidad con herramientas y lenguajes de Por ejemplo, en este vdeo uno de los
programacin para desarrolladores en Python desarrolladores de JetBrains disea un clon de la
como SQLAlchemy (ORM), Google App Engine red social Pinterest con las herramientas del
o Cython. entorno de desarrollo integrado PyCharm:
Autocompletado.
Resaltador de sintaxis.
Herramienta de anlisis.
Refactorizacin.
 01. PYTHON / ENTORNOS DE DESARROLLO

WXGLADE
Es un diseador de interfaz grfica de usuarios wxWidgets escrito en Python, pero que puede generar
cdigo fuente para otros lenguajes de programacin como C++, Lisp o Perl. wxGlade no es un entorno de
desarrollo integrado, con todas las herramientas para hacer un desarrollo en Python, slo es un diseador
que te permite visualizar los widgets creados.
Html5
Cualquier desarrollador front-end debe conocer muy bien
la Trinidad del diseo: HTML, CSS y JavaScript. Esto
pretende ser un listado de las mejores herramientas para
programadores en lenguaje HTML.
 02. HTML5 / EDITORES DE HTML

Editores de HTML y de
lenguajes de front-end
El editor HTML ideal debe ser capaz de validar que el cdigo HTML se ajuste a los
estndares, as como de obtener una vista previa de la pgina en diferentes navegadores, de
soportar meta etiquetas (metatags) y de permitir editar las imgenes a un nivel bsico. A
continuacin, te proponemos diferentes herramientas.
 02. HTML5 / EDITORES DE HTML

SUBLIME TEXT
Este editor de cdigo no es gratuito, la licencia tiene un coste de 70 dlares, aunque se puede descargar
una versin gratuita para probarlo. Es una solucin muy popular entre los desarrolladores, con una
experiencia de usuario bastante cuidada. De hecho, muchos desarrolladores usan Sublime y lo califican
como el mejor editor de cdigo.

Algunas de sus caractersticas fundamentales son:

Disponible para Windows, Mac OS X y Linux.

Soporta un gran nmero de lenguajes de
programacin: HTML, C, C++, Groovy, Java,
JavaScript, Lisp, Perl, PHP, Python, Ruby...
Atajos rpidos para la bsqueda.
Modo libre de distracciones para la escritura de
cdigo.
Funcin de autocompletar.
Editor muy personalizable.
Admite macros.
Mejora de sus funcionalidades con plugins.
 02. HTML5 / EDITORES DE HTML

ATOM
Editor gratuito, de cdigo abierto y muy personalizable lanzado desde GitHub. Es una herramienta que
est generando una gran sensacin dentro de la comunidad de desarrolladores. Lo bueno de este editor es
que muchos programadores estn aportando mejoras al editor a travs de GitHub.

Caractersticas interesantes de Atom:

Disponible para Windows, Mac OS X y Linux.

Totalmente personalizable: sus creadores presumen
de que el desarrollador puede modificar el editor a su
gusto, incluso el core.
Integracin de Node.js: esto permite que cualquier
usuario pueda usar los cientos de paquetes y
libreras.
Sistema de navegacin de archivos.
Buscar y reemplazar en los archivos de trabajo.
Paneles, cursores y selectores mltiples.
Interfaz de usuario sencilla y limpia.
Diseo de mdulos personalizados: el editor permite
crearlos para incorporar nuevas funcionalidades.
 02. HTML5 / EDITORES DE HTML

NOTEPAD++
Es, posiblemente, uno de los editores de cdigo ms conocidos del mercado. Es una herramienta bajo
licencia GNU (Licencia Pblica General). Se podra definir como un blog de notas con esteroides. Dispone
de caractersticas muy interesantes para desarrolladores y programadores:

Dispone de coloreado de cdigo para facilitar la desarrolladores trabaja colectivamente.

programacin, no slo para HTML, tambin para Grabacin y reproduccin de macros. Posibilidad
otros lenguajes a los que Notepad++ da soporte: de hacer zoom.
Python, Ruby, PHP o JavaScript.
Permite para varios idiomas.
Autocompletado de cdigo. No es necesario
teclear todas la etiquetas HTML. Los comandos
de teclado se pueden configurar.
Posibilidad de trabajar en varios documentos
distintos a la vez.
Multivista. El usuario puede tener varias vistas de
un mismo cdigo.
Expresiones regulares para automatizar
acciones.
Deteccin automtica del estado del documento.
Buena caracterstica si un equipo de
 02. HTML5 / EDITORES DE HTML

EDITRA
Editor de texto multiplataforma. Sus desarrolladores destacan su interfaz sencilla de usar y que cuenta con
asistencia para la programacin en cdigo. Editra es totalmente gratis, est bajo una licencia LGPL y
permite ms de 60 lenguajes de programacin distintos: Python, PHP, Perl, Java, Lisp, SQL, Visual Basic o
Pascal son algunos de los ms importantes.

Permite trabajar con pestaas y en

varios documentos a la vez.
Incorpora un buscador.
Dispone de un editor y resaltador de
comandos.
Funcin de autocompletado.
Ayuda de palabras clave.
Tiene la posibilidad de aumentar sus
funcionalidades con la incorporacin
de plugins.
 02. HTML5 / EDITORES DE HTML

TEXTWRANGLER
Editor de texto desarrollado por Bare Bones Software. Tiene una interfaz sencilla, inteligente y con algunas
funcionalidades que permiten programar cdigo con un gran rendimiento. Algunas de sus caractersticas:

Permite para varios lenguajes de programacin
como HTML, C, C++, Fortran, Java, Object
Pascal, Objective-C, Perl, Python, Ruby
Coloreado de sintaxis para facilitar la
programacin en cdigo.
Funcionalidad de buscar y reemplazar en
mltiples filas.
Configuracin de idioma por documento de
trabajo.
Posibilidad de funcionar como un editor externo
integrado con Xcode, el Entorno de Desarrollo
Integrado de Apple.
Soporte integrado para el acceso FTP a travs
de Interarchy.
Teclas configurables por el desarrollador.
Lista de ventanas flotantes.
 02. HTML5 / FRAMEWORKS PARA HTML5

Frameworks para HTML5

Una hoja de estilos completa, reseteando, normalizando y ofreciendo herramientas prcticas;
directivas de optimizacin del servidor; metainformacin en el servidor; organizacin del
layout HTML5 Estas son algunas de las caractersticas de un framework para HTML5.
 02. HTML5 / FRAMEWORKS PARA HTML5

BOOTSTRAP
Es el framework de Twitter para el diseo responsivo o adaptativo y desarrollo de pginas web en HTML,
CSS y JavaScript. Bootstrap est muy extendido entre los desarrolladores de front-end. El aumento del
consumo de contenidos en dispositivos mviles es uno de los acicates fundamentales en la expansin.

Aunque tiene una compatibilidad limitada para
HTML5 y CSS3, sus diseos son compatibles
con la mayora de navegadores.
Es un marco de cdigo abierto y est
compartido en GitHub. Son muchos los
desarrolladores que lo utilizan y lo mejoran
continuamente.
Facilita el trabajo con JavaScript: existen
componentes que permiten implementar
recursos especiales sin necesidad de hacerlo.
Todos esos componentes estn basados en
jQuery. Estos plugins permiten introducir nuevas
funcionalidades a la interfaz: desde un efecto de
carrusel hasta las creacin de botones o alertas.
Y su enorme popularidad favorece que cada vez
haya ms plugins.
Bootstrap utiliza LESS (lenguaje de hojas de
estilo dinmico).
Facilita mucha documentacin: si alguien tiene
un proyecto y tiene alguna duda o necesita
resolver alguna situacin complicada, siempre
dispondr de documentacin y tutoriales para
resolverla.
 02. HTML5 / FRAMEWORKS PARA HTML5

HTML5 BOILERPLATE:
Es el otro gran framework de HTML5 del mercado. Estas son algunas de sus caractersticas fundamentales:
Da soporte a navegadores antiguos. HTML5 Optimizacin por el lado del servidor: el archivo
Boilerplate dispone de una biblioteca de .htaccess propuesto por HTML5 Boilerplate
deteccin de caractersticas llamada Modernizr. permite introducir una cach ms eficiente y
Esto permite determinar si el navegador del enviar nuestras pginas web comprimidas en
usuario soporta HTML5 y CSS3. En caso de que GZIP, igual que imgenes y elementos en
no sea as, se carga una funcin adicional que JavaScript, lo que optimiza el rendimiento del
permite a ese navegador antiguo cargar todos site con tiempos de carga ms reducidos.
los elementos del site.
Mejora de los tiempos de carga. Con el
consumo de informacin en dispositivos
mviles, el tiempo de carga de las pginas se
convierte en una condicin imprescindible para
competir. En HTML5 Boilerplate, todos los
elementos scripts se colocan al final de la
pgina, lo que evita que su lentitud al cargar
ralentice la aparicin de los elementos clave del
site. Esto afecta a casi todos esos elementos,
incluso el habitual cdigo de seguimiento de
Google Analytics.
 02. HTML5 / FRAMEWORKS PARA HTML5

JUNIOR
Es un framework para hacer aplicaciones mviles
nativas en HTML5. Este marco utiliza transiciones
CSS3 para optimizar el rendimiento de los sites en
dispositivos mviles, permite disear carruseles
con flickable.js y el diseo de la interfaz de usuario
es realmente sencillo gracias al listado de
componentes predefinidos que incluye el propio
framework.
Java
Java es un lenguaje de propsito general, orientado a objetos y con un
enorme predicamento dentro de la comunidad de desarrolladores. Este
es un listado de las herramientas bsicas para hacer proyectos en este
lenguaje de programacin.
 03. JAVA / IDE

Entorno de Desarrollo
Integrado (IDE)
Un entorno de programacin provee un marco de trabajo amigable para la mayora de los
lenguajes de programacin, desde C++, PHP, Python, C#, Delphi, Visual Basic, y tambin
Java, del que vamos a tratar a continuacin. IDE es un programa de aplicacin que consiste
en un editor de cdigo, un compilador, un depurador y un constructor de interfaz grfica.
 03. JAVA / IDE

NETBEANS
Es un Entorno de Desarrollo Integrado para la creacin de aplicaciones en Java para escritorio, mvil o web.
Tambin permite desarrollarlas en HTML5 (HTML, JavaScript y CSS) y dispone de herramientas para
programadores en PHP, C y C++. NetBeans est desarrollado en Java y es de cdigo abierto.

NetBeans es algo ms que un editor de texto:
permite refactorizar cdigo, proporciona
plantillas y generadores de cdigo, consejos. No
slo soporta Java, tambin C, C++, XML, HTML,
PHP, Groovy, Javadoc, JavaScript y JSP.
Gestin organizada de los proyectos: permite
que tus aplicaciones estn en un servicio de
carpetas. Eso facilita mucho el trabajo
colaborativo. En esa gestin es esencial el
control de versiones, por eso NetBeans integra
Mercurial, Subversion o Git.
Desarrollo rpido de interfaz de usuario:
NetBeans cuenta con su propia interfaz de
usuario (GUI) para Java, HTML5, PHP o C/C++.
Esta tiene sencillas herramientas de arrastrar y
soltar lo que la convierte en muy intuitiva.
Depurador de errores: dispone de un depurador
que alerta de posibles errores y tambin con
herramientas para optimizar las aplicaciones en
velocidad y uso de memoria. Facilitando la
escalabilidad de las aplicaciones.
 03. JAVA / IDE

ECLIPSE
Es el entorno de desarrollo integrado ms
conocido para Java. Tambin permite el
desarrollo de proyectos en otro tipo de
lenguajes como C, C++ o PHP. Como
cualquier IDE, permite el desarrollo de
software y aplicaciones en escritorio y
dispositivos mviles como tabletas y
telfonos inteligentes. Dispone de interfaz
grfica de usuario y herramientas para
llevar a cabo numerosas funciones.
 03. JAVA / IDE

INTELLIJ IDEA
Desarrollado en Java por Jet Brains bajo dos tipos de licencias, una de cdigo abierto y otra comercial. Es
uno de los entornos de desarrollo con mejor predicamento dentro de la comunidad Java, algunos lo califican
como el mejor IDE del mercado si desarrollas proyectos en este lenguaje de programacin. Entre algunas de
las herramientas de las que dispone, tenemos:

Sistema avanzado de refactorizacin de cdigo. Permite el desarrollo con frameworks Java como
Sistema de completado de cdigo mientras se Spring MVC, GWT, Vaadin, Play, Grails, Web
programa. Services, JavaServer Faces, Apache Struts o Flex.

Anlisis de errores de cdigo en tiempo real. Incluye asistencia para la programacin en cdigo
en HTML5, CSS3, JavaScript, Node.js,
Sistema de control de versiones. ActionScript y varios lenguajes ms.
Diseador UML (lenguaje unificado de modelado).
 03. JAVA / GVNIX

Desarrollo rpido de
aplicaciones: gvNIX
gvNIX es una herramienta de cdigo abierto para el desarrollo rpido de aplicaciones (RAD).
Con ella, cualquier desarrollador puede crear aplicaciones web en Java sin muchos
problemas y muy poco tiempo. La herramienta cuenta con la integracin de frameworks
como jQuery, Bootstrap 3, Leaflet o Datatables.
 03. JAVA / GVNIX

Algunas caractersticas de la herramienta:

Herramienta multiplataforma: Sin dependencias del entorno de ejecucin:

Funciona en varios sistemas operativos La aplicaciones que se desarrollan con gvNIX
(Windows, Mac OSX y Linux). Tambin se slo dependen de los frameworks utilizados por
puede integrar con cualquier entorno de el desarrollador, sin que eso provoque una
desarrollo integrado (IDE) como Eclipse o STS. dependencia del entorno de ejecucin.
Lo nico que se necesita para instalarlo es tener
el Java SDK (la versin 6 o superior) y Apache Otra herramienta para el desarrollo rpido de
Maven 3. aplicaciones (RAD) es Spring Roo.
Intrprete de comandos:
gvNIX est diseado como un intrprete de
comandos interactivos. Tiene autocompletado
de los comandos y ayuda contextual.
Proyectos estndar JEE:
Los proyectos creados con esta herramienta
cumplen con el estndar JEE, la plataforma para
desarrollar y ejecutar software de aplicaciones
en el lenguaje de programacin Java.
 03. JAVA03.
/ APACHE
JAVA / MAVEN

Framework:
Apache Maven
Apache Maven es una herramienta para la gestin
y el diseo de proyecto en Java. Este framework
fue creado en 2002 por Jason Van Zyl, de
Sonatype. Maven usa un Project Object Model
(POM), un archivo XML que es la unidad de trabajo
en Maven. Este archivo contiene informacin sobre
el proyecto y los detalles de la configuracin del
framework: desde la lista y la configuracin de los
plugins utilizados hasta las dependencias.
 03. JAVA / APACHE TOMCAT

Servidor web en
Java: Apache Tomcat
Es un contenedor web con soporte para servlets y JSPs iniciado por el arquitecto de software
de Sun Microsystem, James Duncan Davidson. Hoy en da es utilizado como servidor
autnomo en proyectos que exigen un gran rendimiento tanto en velocidad como en
volumen de trfico. Al estar desarrollado en Java, funciona con cualquier sistema operativo.
 03. JAVA / APACHE TOMCAT

Las caractersticas ms importantes

de la ltima versin son:

Autenticacin de acceso bsico.

Negociacin de credenciales.
HTTPS.
Alojamiento compartido.
CGI o interfaz de entrada comn.
Servlets de Java.
SSI (Server Side Includes).
Javascript
JavaScript es un lenguaje indispensable en el desarrollo de
proyectos web y aplicaciones. Su uso se ha extendido a toda la
pila del desarrollo. Este es un listado de frameworks y libreras
JavaScript para desarrolladores.

JavaScript es uno de los referentes
internacionales en la programacin de
proyectos. Se utiliza para el desarrollo de
pginas web, aplicaciones, gestin de
servidores y bases de datos Un profesional
que domine JavaScript puede convertirse en
un desarrollador full-stack, aquel que es
capaz de encargarse de toda la pila de
desarrollo web. Un perfil chico para todo
dentro del sector.
04. JAVASCRIPT
Como prueba de su podero, el ltimo
informe de TIOBE sobre los lenguajes de
programacin ms utilizados por los
desarrolladores, JavaScript vuelve a situarse
entre las 10 elecciones ms usadas por los
profesionales, por detrs de lenguajes de
propsito general como Java, C, C++,
Objective-C o PHP; fciles de aprender
como Python; o de programacin de apps
.NET como Visual Basic.
 04. JAVASCRIPT / FRAMEWORKS

EXPRESS:JS Entre algunas de sus caractersticas ms

destacadas tenemos:
Es un framework por el lado del servidor que
Permite la creacin de APIs de una forma
permite a los desarrolladores crear aplicaciones
accesible.
web con Node.js. Es un marco de desarrollo muy
flexible, gil y que dispone de una comunidad de Ofrece Router de URL.
programadores que mejoran el producto y ayudan Utiliza como framework base Jade, pero es
en su utilizacin con mucha documentacin posible incorporar libreras JavaScript como
adicional en plataformas como GitHub. Adems es jQuery y Backbone.js para aadir nuevas
un framework slido, estable y fcil de aprender. funcionalidades al marco de desarrollo.
Est inspirado en Sinatra, el marco de desarrollo
para Ruby.

ANGULAR:JS
Angular.js es un framework de JavaScript de
cdigo abierto y totalmente libre, que permite el
desarrollo de aplicaciones web en el lado del
cliente y utiliza un patrn del tipo Modelo-Vista-
Modelo de Vista. Detrs de su lanzamiento y
mantenimiento se encuentra Google, lo que lo
convierte en una opcin estable y slida, con
documentacin constante, para la comunidad de
desarrolladores.
04. JAVASCRIPT / FRAMEWORKS
Caractersticas fundamentales:
Sistema bidireccional de data-binding. El
Modelo y la Vista siempre se actualizan de
forma sincronizada con cualquier cambio en
los datos.
Tiene patrn de Inyeccin de
Dependencias.
Cualquier aplicacin desarrollada en
AngularJS es compatible con varios
navegadores.
 04. JAVASCRIPT / FRAMEWORKS

EMBER:JS Caractersticas fundamentales:

Modificacin automtica entre los objetos
Ember.js es un framework JavaScript que permite
JavaScript y el DOM: esta relacin entre los
a cualquier desarrollador crear aplicaciones web de
datos que permite agilizar el desarrollo se
una sola pginas del lado del cliente. Es de cdigo
debe a la integracin de la librera
abierto y usa un patrn del tipo Modelo-Vista-
Handlebars.js. Clases y procedimiento para
Controlador (MVC).
renderizar de forma sencilla una app.
Dispone de un sistema de plantillas para
programar el HTML. Este sistema se llama
HTMLbars, y sera la variacin para el DOM
de la librera Handlebars.

KNOCKOUT.JS
Knockout.js es un marco de desarrollo basado en
un patrn tipo Modelo-Vista-Modelo de Vista
(MVVM). Es de cdigo abierto, dispone de una
licencia MIT. Cualquier desarrollador que quiera
empezar a usarlo para el desarrollo de una interfaz
de usuario tiene tutoriales y documentacin en el
site del propio framework.
04. JAVASCRIPT / FRAMEWORKS
Algunas de sus caractersticas principales:
Facilita el desarrollo de bindings
declarativos.
Seguimiento de dependencias: permite
actualizar los cambios en la Vista y el Modelo-
Vista en todos los elementos y objetos
independientes.
Sistema de plantillas.
Actualizacin automtica de la interfaz de
usuario en funcin de los cambios que el
desarrollador acometa en el Modelo-Vista.

JQUERY
Esta es la librera JavaScript ms utilizada por los
desarrolladores. Permite, de una forma sencilla,
interactuar con el HTML, el DOM, hacer todo tipo
de animaciones, introducir funcionalidades AJAX al
proyecto JQuery le permite a un desarrollador
aportar un valor aadido con pocas lneas de
cdigo. Es una biblioteca de cdigo abierto, bajo
licencia MIT y GNU v.2.
04. JAVASCRIPT / LIBRERAS
Algunas de sus caractersticas esenciales:
Permite modificar el rbol del DOM.
Soporte para CSS3.
Manipulacin total de las hojas de estilos.
Creacin de eventos.
Desarrollo de animaciones complejas.
Soporta extensiones.
Compatible con todos los navegadores.

BACKBONE.JS
Backbone.js es una librera JavaScript que permite
programar por el lado del cliente. Se utiliza para el
desarrollo de aplicaciones de una nica pgina,
donde el uso del JavaScript y AJAX son esenciales
para dotar a las apps de funcionalidades para el
usuario. Usa un patrn Modelo-Vista-Controlador.
04. JAVASCRIPT / LIBRERAS
Algunas de sus caractersticas esenciales:
Permite modificar el rbol del DOM.
Facilita el trabajo intenso con datos.
Creacin de eventos.
Enlace con la tecnologa por el lado del
servidor: PHP, Node.js
Uso de la API para incorporar
funcionalidades.
Utilizacin simplificada de vistas.
 04. JAVASCRIPT / LIBRERAS

KENDO UI
Kendo UI es una librera, o ms bien un paquete sistemas de carga de archivos
de libreras, que proporciona a los desarrolladores
todos los elementos necesarios para crear Caractersticas:
aplicaciones web por el lado del cliente, con una Funciona con la mayora de navegadores y
interfaz de usuario dinmica basada en JQuery. Al sistemas operativos.
final Kendo UI suele ser utilizada para el desarrollo Permite visualizacin de datos.
de una interfaz de usuario intuitiva, sencilla e
innovadora a travs de distintos tipos de widgets Data-binding.
que se montan como un mecano. Esos elementos
predefinidos incluyen mens dinmicos, ventajas,

MODERNIZR
Modernizr es una librera JavaScript que nos
permite detectar la falta de compatibilidad de
nuestro proyecto con cada tipo de navegador. La
idea es hacer desarrollos que se adapten a las
caractersticas de cada navegador. Podemos usar
04. JAVASCRIPT / LIBRERAS
determinadas funcionalidades o hacer ajustes en
funcin de lo que use cada usuario. Estas
pruebas se hacen a travs de un sistema de test.
Adems, su API permite cargar test
personalizados por proyectos.
PHP
El lenguaje de programacin PHP es una de las opciones ms
utilizadas por los desarrolladores para la creacin de proyectos y
aplicaciones web dinmicas. Es cdigo que se ejecuta desde el
servidor, bastante seguro y con una curva de aprendizaje corta.
 05. PHP

PHP es uno de los lenguajes de programacin ms utilizados en el desarrollo de proyectos

web, en gran parte por su enorme penetracin tanto en servidores web como sistemas
operativos. Es una solucin robusta sin coste alguno. Grandes jugadores de la Red utilizan
PHP para sus sitios web como Wikipedia o Yahoo!, lo mismo que referentes de la edicin de
contenidos como Wordpress o Drupal. PHP tambin es utilizado, por ejemplo, por los
conocidos servidores Apache.

Es muy popular por varias razones:

Es un lenguaje para el desarrollo de El cdigo PHP se ejecuta desde el servidor,

aplicaciones web dinmicas a partir de los
datos contenidos en una base de datos.
La curva de aprendizaje es muy corta gracias a
que los desarrolladores de PHP simplificaron su
estructura.
Permite implementar programacin orientada a
objetos.
por lo que nadie tendr acceso a l desde un
navegador. Eso aumenta la seguridad.
Gran funcionamiento con bases de datos
relacionales de cdigo abierto como MySQL,
una solucin muy utilizada en desarrollo.
 05. PHP / FRAMEWORKS

Frameworks
El uso de un buen framework puede servirle a un equipo de desarrolladores para recortar
tiempo con un resultado mejor: cdigo de mayor calidad, proyectos escalables, aplicaciones
web rpidas y robustas... Usar un framework permite tener ordenado en carpetas todo el
cdigo, disponer de libreras y funcionalidades que enriquecern el proyecto final y aumentar
la seguridad.

Existe un listado amplio de marcos de desarrollo para profesionales PHP.

 05. PHP / FRAMEWORKS

LARAVEL
Una comunidad amplia con una documentacin
extensa suele ser una de las razones valoradas a la
hora de escoger una u otra herramienta. Eso
permite salir de ms de un apuro cuando se
cometen errores o uno est en un callejn sin
salida. Laravel es un framework muy utilizado
entre los desarrolladores PHP por esta razn.
Es un marco de cdigo abierto lanzado en 2011
para desarrollar proyectos web. Su creador fue
Taylor Otwell. Su ltima versin es la 5.1. Como la
mayora de los frameworks, Laravel dispone de la
serie habitual de bsicos: rutas, modelos, plantillas,
vistas y controladores. Tambin dispone de un
sistema de plantillas propio que se llama Blade.

Las principales caractersticas de Laravel:

Soporta RESTful.
Necesita la instalacin de Composer para
administrar dependencias en PHP. Sirve para
declarar las libreras del proyecto que se est
desarrollando sin intervencin del desarrollador.
Se ejecuta con un patrn MVC (Modelo-Vista-
Controlador). Consiguiendo aumentar la
seguridad y separar totalmente la lgica de la
aplicacin de la interfaz de usuario.
Soporte para cach.
 05. PHP / FRAMEWORKS

CODEIGNITER
Al igual que Laravel, CodeIgniter dispone de una
gran comunidad detrs, que alimenta la
documentacin disponible. Es un marco de
desarrollo sencillo y con gran rendimiento. Tiene
algunas caractersticas interesantes:
Framework que trabaja con la mayora de
entornos y servidores.
Utiliza el patrn MVC.
Separacin del ncleo del marco y el cdigo
del proyecto.
Marco de desarrollo flexible: los
desarrolladores pueden seguir sus reglas de
codificacin o bien aplicar las suyas propias.
Por tanto para usarlo no es necesario aprender
la estructura del framework porque se puede
modificar. Se pueden usar plantillas externas.

SYMFONY
Symfony es un framework para el desarrollo de
aplicaciones web mediante un Modelo-Vista-
Controlador. Fue creado por la empresa SensioLabs
en 2005. Es un marco distribuido bajo una licencia
de cdigo abierto MIT.
Est desarrollado por completo en PHP, se puede
ejecutar en plataformas UNIX y Windows y es
compatible con la mayora de los sistemas de gestin
de bases de datos ms conocidos: MySQL, Microsoft
SQL Server
05. PHP / FRAMEWORKS
Sus caractersticas ms importantes:
Permite el cambio de sistema de gestin
de base de datos en cualquier momento
del desarrollo. Esto es una gran ventaja.
Usa programacin orientada a objetos.
Usa patrones Modelo-Vista-Controlador.
Es un marco de desarrollo que facilita
mucho la interoperabilidad.
Motor de plantillas (Twig) fcil de usar.
Sistema de cach basado en HTTP que
mejora el rendimiento de las aplicaciones
desarrolladas con Symfony.
 05. PHP / LIBRERAS

Libreras PHP
Mediante el uso de libreras puedes agrupar en un solo fichero diversas funciones para
incluirlas en distintas pginas y as disponer de todas ellas fcilmente a travs de la librera
instalada. Hay muchas libreras PHP, pero esta es una pequea seleccin.

PHP-CPP
Es una biblioteca C++ para el
desarrollo de extensiones
nativas para PHP. La pueden
utilizar los desarrolladores que
sepan PHP y tambin los que
programen en C++, lenguajes
que tiene una sintaxis similar.
Dispone de una amplia
documentacin para sus
proyectos y el cdigo fuente
est lleno de comentarios y
explicaciones muy tiles.
Se puede trabajar con variables,
matrices, funciones, objetos,
clases y excepciones de forma
muy sencilla para cualquier
desarrollador que sepa
programar en PHP. Es de
cdigo abierto y totalmente
libre.
05. PHP / LIBRERAS
HOA MINK
Es modular, escalable y Es una biblioteca PHP muy
estructurada. Dispone de un usada entre los desarrolladores
manual de formacin para porque permite probar cmo
comenzar a utilizarla y de sus aplicaciones web
documentacin adicional para el interactan con el navegador y
uso de la API. si lo hacen correctamente.
El usuario de Hoa tiene la Mink viene con soporte para los
capacidad de crear sus propias siguientes frameworks:
bibliotecas, lo que permite la PHPUnit, Behat y Symfony2.
reutilizacin y uso compartido
del cdigo entre los distintos
desarrolladores y proyectos
web. La idea es que cualquier
programador pueda coger una
biblioteca desarrollada por otro
usuario y adaptarla a las
necesidades de su aplicacin
con sus caractersticas y
herramientas.

OTRAS HERRAMIENTAS PHP
Pattern Lab es un marco para el desarrollo
del front-end de proyectos y aplicaciones
web. Permite a los desarrolladores y
diseadores tomar decisiones sobre las
plantillas y para mostrar distintas alternativas
durante el proceso de desarrollo. Permite
tambin testear el diseo en navegadores.
La herramienta facilita las pruebas de diseo
de front-end en elementos pequeos como
botones o etiquetas para un formulario o
plantillas enteras con todos sus
componentes de diseo (logotipo,
navegacin).
05. PHP / HERRAMIENTAS
Guzzle es un framework especial que
dispone de todas la herramientas necesarias
para crear un cliente para servicios REST
como Twitter o GitHub: servicio para definir
entradas y salidas de una API,
procesamiento por lotes para el envo de un
gran nmero de peticiones con gran
rendimiento
Adems, elimina la redundancia en la
creacin de clientes de servicios web. Tiene
mecanismos de cach de respuestas y de
consultas en paralelo.
Perl
Perl es un lenguaje de programacin de propsito general, fcil de
usar y que facilita la escritura rpida de cdigo a los desarrolladores.
Adems, dispone de numerosas libreras y mdulos que amplan
mucho su funcionalidad para el desarrollo de proyectos web.
 06. PERL

Administracin de sistemas, programacin en red, desarrollo de proyectos web o de

programas CGI (Common Gateway Interface)... Perl es un lenguaje de propsito general que
en la actualidad est disfrutando de una segunda juventud, se utiliza cada vez ms en el
desarrollo de proyectos. Hoy en da es un lenguaje atractivo porque es una sintaxis pseudo-
compilada que se distribuye de forma gratuita y se puede ejecutar en cualquier plataforma si
se dispone de un intrprete para Perl.

Las caractersticas fundamentales de este lenguaje de programacin son:

Fcil de usar y de programacin rpida. Tiene un sistema de procesamiento de texto.

Su curva de aprendizaje es alta. Se puede utilizar en varios entornos: Windows,
Dispone de libreras y mdulos, lo que Mac OS X y Linux.
aumenta su funcionalidad.
Soporta programacin estructurada, orientada
a objetos y funcional.

KOMODO IDE
Este Entorno de Desarrollo Integrado de
ActiveState permite no slo la programacin en
Perl, tambin en otros lenguajes de programacin
como Python, PHP, Go, HTML o Node.js. La idea
es facilitar a los programadores el desarrollo de
interfaces en Perl gracias a caractersticas como su
control de versiones, su depurador grfico, su
sistema de prueba unitaria, su ayuda en lnea
06. PERL / ENTORNOS INTEGRADOS
Los ltimos avances la convierten en una
herramienta mucho ms cmoda y funcional:
Dispone de un panel que permite reducir las
interrupciones en el trabajo. Se pueden
visualizar los nombres de instancias
directamente en ese panel.
Tiene un sistema de colaboracin inteligente,
que alerta a cada miembro del equipo de
qu compaeros se encuentran editando
cdigo en ese momento.
Correccin rpida y automtica de errores de
sintaxis desde el editor.
El nuevo instalador de paquetes permite
incorporar nuevas funcionalidades para cada
proyecto.
Introduce el modo enfoque, que facilita la
ocultacin de elementos para que el
programador se concentre el cdigo.
Otras mejoras: gestor de paquetes integrado,
creacin de configuraciones personalizadas,
nuevo sistema de notificaciones, etc.

EPIC (Editor Perl y IDE para Eclipse)
EPIC es un Entorno de Desarrollo Integrado de
cdigo abierto, que incluye un editor y un
depurador propios, basado en la plataforma
Eclipse y compatible con varios sistemas:
Windows, Linux y Mac OS X. Es un IDE bastante
habitual en el desarrollo de proyectos de
secuencias de comandos CGI y cuya integracin
con la Interfaz Grfica de Usuario (GUI) de Eclipse
le da un valor aadido interesante.
06. PERL / ENTORNOS INTEGRADOS
Sus caractersticas principales son:
Coloracin configurable de elementos
sintcticos.
Deteccin automtica de errores de sintaxis
durante la programacin y en el momento
de guardar archivos.
Autocompletado de variables.
Sistema de control de ejecucin.
Funcin de exportacin HTML.

EMACS
Emacs es un editor de texto extensible,
personalizable, auto-documentado y de tiempo
real para el entorno Linux. Fue escrito en 1975
por Richard Stallman y Guy Steele, dos referencias
del software libre. En estos momentos existen dos
versiones de este editor de texto: GNU Emacs,
desarrollada por Stallman en 1984 y mantenida
desde entonces por el Proyecto GNU Emacs;
yXEmacs, otra versin del editor basada en los
trabajos de la primera, lanzada en 1991.
06. PERL / EDITORES DE TEXTO
Algunas de sus caractersticas ms importantes:
Sistema sencillo de edicin de
texto: comandos para manipular palabras y
prrafos, resaltado de sintaxis para favorecer
la lectura del cdigo y ejecucin de macros
de teclado a travs de comandos
personalizados.
El editor de texto es modificable al gusto del
propio desarrollador mediante la
incorporacin de fragmentos de
cdigo Emacs Lisp (bibliotecas, libreras,
paquetes o extensiones de cdigo) con
nuevas funcionalidades:
Calc: una calculadora que se incorpora
dentro del editor.
Emacs/W3: un navegador web.
ERC: un cliente IRC.
MULE: permite la edicin de texto
escrito en varios lenguajes.
 06. PERL / EDITORES DE TEXTO

ULTRAEDIT
UltraEdit es un editor de texto avanzado para Perl, (parmetros, variables, propiedades...).
PHP, Java y JavaScript. Con este editor, los Editor de estilos CSS.
programadores de cdigo pueden manipular
archivos de ms de 4 GB. Es una herramienta de Aadir comentarios en lnea o en bloque en el
pago, pero dispone de un periodo de prueba texto seleccionado.
gratuito. Macros editables.
Integracin de lenguaje de scripting para
Algunas de sus carctersticas son:
automatizacin de tareas.
Resaltado de sintaxis configurable.
Diseo de temas del editor personalizables.
Soporte FTP completo y navegador FTP
multipanel. Sistema de copia de seguridad y
almacenamiento automtico.
Plantillas inteligentes.
Funcin de plegado de cdigo, que permite
esconder las partes que no son necesarias.
Lista completa de funciones en una vista de
rbol, incluidos todos los subgrupos
 06. PERL / EDITORES DE TEXTO

TEXTMATE
TextMate es una editor de texto con Interfaz archivos.
Grfica de Usuario (GUI) para sistema operativo Bloques de cdigo plegable.
Mac OS X. Fue desarrollado porAllan Odgaard.
Dispone de una gran comunidad que lanza Histrico de portapapeles.
contribuciones pblicas para personalizar el editor Grabacin de macros sin necesidades de
en funcin de las necesidades de cada programacin.
proyecto. Un editor en mejora continua. Navegacin entre archivos mediante el uso de
pestaas.
Algunas de sus funciones ms destacadas:
Funcin de buscar y reemplazar texto en un Editor personalizable a travs de varios temas.
proyecto.
Bsqueda y reemplazo de texto por
expresiones regulares.
Esquema dinmico para trabajar con varios
 06. PERL / FRAMEWORKS

Aqu tienes dos frameworks que pueden

hacerte la vida ms facil programando en PERL:

MOJOLICIOUS
Mojolicious es un framework web en tiempo real
para desarrolladores en Perl. Fue creado
por Sebastian Riedel. Este marco usa el patrn
estndar Modelo-Vista-Controlador (MVC) y soporta
CGI, FastCGI y PSGI. Es un framework que tambin
soporta rutas RESTful, extensiones, cookies
firmadas, test unitarios, servidor de ficheros
estticos, plantillas, formato JSON Adems, el sitio
web de este framework dispone de una
documentacin muy til para iniciados
CATALYST
Catalyst es un framework web de cdigo
abierto que utiliza un patrn Modelo-Vista-
Controlador, multiplataforma y con una amplia
documentacin gracias a una gran comunidad
de desarrolladores que mantiene una mejora
continua de este marco de desarrollo de
software. Est inspirado en Ruby on Rails.
compartir

TE PUEDE INTERESAR

Innovation Edge: APIs: los beneficios Ebook wearables: la revolucin mvil Los nuevos servicios y APIs de Apple
empresariales de las APIs que se lleva puesta para desarrolladores de apps

Infografa: cmo desarrollar una app Ebook: Herramientas de visualizacin

con Apple WatchKit de datos
 BBVA no se hace responsable de las opiniones publicadas en este documento.

Regstrate
para estar al da
de las ltimas
tendencias

www.bbvaopen4u.com

conversa con nosotros en: