Joomla y Herramientas

Categoría: Noticias

Escrito por Luis Campuzano

Visto: 2444

En este artículo mostraré la forma en que realizo mi trabajo con Joomla, siempre hay mas de una manera de hacer las cosas, si quieres contribuir con alguna idea adicional puedes mencionarla en los comentarios, estaremos gustosos de aprender mas con tu ayuda.

Lo imprescindible

Tener la última versión estable de Joomla, sin ella no podemos realizar nuestro trabajo, puedes descargarla de:

http://www.joomla.org/download.html

Las herramientas

Para mí las herramientas imprescindibles que se deben tener para desarrollar sitios en Joomla son:

Un servidor local

Un browser de trabajo

Un buen editor de Código

Tener la documentación a mano

El servidor Local

Photo credit: mconnors from morguefile.com

Para poder levantar un servidor local podemos recurrir a varias herramientas gratuitas disponibles en la red, yo uso XAMMP o MICROSOFT WEB MATRIX, las dos me han dado muy buenos resultados y personalmente las recomiendo. XAMMP es multiplataforma y  es para aquellos que nos gusta hacer todo paso por paso, WEBMATRIX es mucho más amigable con el usuario pero es para Windows únicamente.

Puedes descargarlas las aplicaciones para montar un servidor local desde aquí:

XAMPP http://www.apachefriends.org/es/xampp.html

Web Matrix http://www.microsoft.com/web/webmatrix/

El Browser de Trabajo

Photo credit: msxo from morguefile.com

Como  desarrolladores web debemos tratar de tener instalados todos los browsers posible, en los sistema operativos que podamos, es recomendable usar una herramienta para poder comprobar la renderización del código como Adobe BrowserLabs (https://browserlab.adobe.com/es-es/index.html), o Browsershots.org ( http://browsershots.org/) pero más importante que eso es tener un browser que nos permita realizar cambios sobre los estilos del template de Joomla a gran velocidad.

Aunque Google Chrome e Internet Explorer cuenten con herramientas de desarrollo, siempre mi opción preferida será usar Firefox (http://www.mozilla.org/), por la gran cantidad de extensiones de desarrollo que soporta,  yo uso las siguientes:

Firebug, para editar el código impreso HTML y CSS en Tiempo Real

https://addons.mozilla.org/en-US/firefox/addon/firebug/?src=search

Pixel Perfect, para cuadrar el template con el diseño

http://pixelperfectplugin.com/

Mesureit, para comprobar tamaños de los objetos en el browser.

https://addons.mozilla.org/en-US/firefox/addon/measureit/?src=dp-dl-oftenusedwith

Colorzilla, para capturar colores en formato hexadecimal y comprobar colores impresos contra diseños o paletas

https://addons.mozilla.org/en-US/firefox/addon/colorzilla/?src=dp-dl-oftenusedwith

Web Developer Toolbar, para detectar errores en código, filtrar por tipo de elemento y obtener información de objetos además de una batería completa de otras herramientas

https://addons.mozilla.org/en-US/firefox/addon/web-developer/?src=dp-dl-oftenusedwith

El Editor de Código

Photo credit: alvimann from morguefile.com

Para editar código basta con un blog de notas pero si queremos hacer las cosas de forma rápida requerimos una aplicación que tenga un poco más que eso; necesitamos una herramienta que nos ayude con sugerencias de código, nos reporte errores de codificación y nos permita colapsar bloques de código entre otras opciones, una herramienta gratuita que permite hacer todo esto es Notepad++, en el caso de las herramientas pagadas mi opción de editor es siempre Adobe Dremweaver

http://notepad-plus-plus.org/

Documentación a la mano

Photo credit: ariadna from morguefile.com

Mientras desarrollamos templates de Joomla es útil tener toda la documentación posible a la mano,  la memoria puede ser frágil en el caso de propiedades avanzadas de CSS o en el uso de funciones del framework de Joomla. Es por eso que recomiendo tener documentación sobre HTML, CSS, el framework de Joomla y Desarrollo PHP a la mano, si tienes una conexión a internet permanente esto no será un problema pero si tu ambiente de trabajo no te lo permite te recomiendo tener toda la documentación posible sobre estos temas descargada en tu equipo para poder consultarla cuando sea necesario, aquí algunos enlaces para encontrar documentación:

http://docs.joomla.org/JDOC:Joomla!_1.5_Template_Tutorials_Project

http://docs.joomla.org/Creating_a_basic_Joomla!_template

http://docs.joomla.org/Category:Templates

http://cocoate.com/sites/cocoate.com/files/private/j17es.pdf

http://www.w3schools.com/

Nota: Si conoces algún otro recurso sobre documentación para Joomla también lo puedes dejar en la sección de comentarios.