Cerrar panel

Cerrar panel

Cerrar panel

Cerrar panel

Aplicaciones 11 jun 2015

Herramientas básicas para los desarrolladores en HTML

Cualquier desarrollador front-end debe conocer muy bien la Trinidad del diseño: HTML, CSS y JavaScript. Esto pretende ser un listado de las mejores herramientas para programadores en lenguaje HTML.

Cualquier desarrollador que se encargue del diseño del front-end de un proyecto debe conocer muy bien la Trinidad del diseño: HTML, CSS y JavaScript. Esto pretende ser un listado breve de las mejores herramientas para programadores en HTML, con la idea de facilitar recursos para sus propios proyectos. En esta serie ya hemos analizado soluciones interesantes para desarrollos en Python y en Java.

1.- Editores de HTML

Sublime Text: este editor de código no es gratuito, la licencia tiene un coste de 70 dólares, aunque se puede descargar una versión gratuita para probarlo. Es una solución 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 código.

Algunas de sus características fundamentales son:

1. Disponible para Windows, Mac OS X y Linux.

2. Soporta un gran número de lenguajes de programación: HTML, C, C++, Groovy, Java, JavaScript, Lisp, Perl, PHP, Python, Ruby, SQL...

3. Atajos rápidos para la búsqueda.

4. Modo libre de distracciones para la escritura de código.

5. Función de autocompletar.

6. Editor muy personalizable.

7. Soporta macros.

8. Mejora de sus funcionalidades con plugins.

Atom: es un editor gratuito, de código abierto y muy personalizable lanzado por GitHub, la plataforma de desarrollo de proyectos colaborativa. Es una herramienta que está generando una gran sensación dentro de la comunidad de desarrolladores. Lo bueno de este editor es que muchos programadores están aportando mejoras al editor a través de GitHub.

Características interesantes de Atom:

1. Está disponible para Windows, Mac OS X y Linux.

2. Totalmente personalizable: sus creadores presumen de que el desarrollador puede modificar el editor a su gusto, incluso el core.

3. Integración de Node.js: esto permite que cualquier usuario pueda usar los cientos de paquetes y librerías de Node.js.

4. Sistema de navegación de archivos.

5. Buscar y reemplazar en los archivos de trabajo.

6. Paneles, cursores y selectores múltiples.

7. Interfaz de usuario sencilla y limpia.

8. Diseño de módulos personalizados: el editor permite el diseño de módulos a medida para incorporar nuevas funcionalidades.

-Notepad++: es, posiblemente, uno de los editores de código más conocidos del mercado. Es una herramienta bajo licencia GNU (Licencia Pública General). Se podría definir como un blog de notas con esteroides. Dispone de características muy interesantes para desarrolladores y programadores:

1. Dispone de coloreado de código para facilitar la programación, no sólo para HTML, también para el resto de lenguajes para los que Notepad++ tiene soporte: Python, Ruby, PHP o JavaScript.

2. Autocompletado de código. No es necesario teclear todas la etiquetas HTML. Los comandos de teclado se pueden configurar.

3. Posibilidad de trabajar en varios documentos distintos a la vez.

4. Multivista. El usuario puede tener varias vistas de un mismo código.

5. Expresiones regulares para la automatización de acciones.

6. Detección automática del estado del documento. Buena característica si un equipo de desarrolladores trabaja colectivamente.

7. Grabación y reproducción de macros.

8. Posibilidad de hacer zoom.

9. Soporte para varios idiomas.

-Editra: es un editor de texto multiplataforma. Sus desarrolladores destacan su interfaz sencilla de usar y que cuenta con asistencia para la programación en código. Editra es totalmente gratis, está bajo una licencia LGPL y soporta más de 60 lenguajes de programación distintos: Python, PHP, Perl, Java, Lisp, SQL, Visual Basic o Pascal son algunos de los más importantes.

1. Permite trabajar con pestañas y en varios documentos a la vez.

2. Incorpora un buscador.

3. Dispone de un editor y resaltador de comandos.

4. Función de autocompletado.

5. Ayuda de palabras clave.

6. Tiene la posibilidad de aumentar sus funcionalidades con la incorporación de plugins.

- <ahref="http://www.barebones.com/products/textwrangler/" target="_blank">TextWrangler es un editor de texto desarrollado por Bare Bones Software. Tiene una interfaz sencilla, inteligente y con algunas funcionalidades que permiten programar código con un gran rendimiento. Algunas de sus características:

1. Soporte para varios lenguajes de programación como HTML, C, C++, Fortran, Java, Object Pascal, Objective-C, Perl, Python, Ruby…

2. Coloreado de sintaxis para facilitar la programación en código.

3. Funcionalidad de buscar y reemplazar en múltiples filas.

4. Configuración de idioma por documento de trabajo.

5. Posibilidad de funcionar como un editor externo integrado con Xcode, el Entorno de Desarrollo Integrado de Apple.

6. Soporte integrado para el acceso FTP a través de Interarchy.

7. Teclas configurables por el desarrollador.

8. Lista de ventanas flotantes.

2.- Frameworks para HTML5

Bootstrap: es el framework de Twitter para el diseño responsivo o adaptativo y desarrollo de páginas web en HTML, CSS y JavaScript. Bootstrap es un framework muy utilizado en la actualidad por los desarrolladores de front-end. El aumento del consumo de contenidos en dispositivos móviles es uno de los acicates fundamentales en la expansión de este framework.