Ya sea que estés escribiendo código PHP o escribiendo estilos CSS para una página web, hay una serie de herramientas que pueden hacer tu vida mucho más fácil y le permitirá concentrarse en un código de alta calidad de manera rápida y eficiente. Esta serie de "desarrollo práctico" los artículos se centrará en el uso de PhpStorm como el entorno de desarrollo y examinará siete temas.

No estoy diciendo que lo que sugiero en estos artículos es el mejor - o el único - camino. Les escribo desde mi propia experiencia de cómo estoy trabajando actualmente y cómo lo estamos haciendo en el trabajo. Trabajaremos sobre un entorno windows pero se documentará para OS como sea posible. Las prácticas deben ser aplicables para Windows, Linux o MAC. 

Puedes elegir las prácticas que más se adapten para ti y me gustaría saber cualquier sugerencia de otras plataformas que uses tú, por lo que te invito a comentarlas en este artículo.

Temas

Cada uno de los temas que se listan más abajo, serán tratados en diferentes artículos, y en ediciones diferente de la Revista de la Comunidad, exceptuando los temas “Entorno de Trabajo” y “Proyecto” los cuales los podrá encontrar en esta misma edición, así que no los dejes de ver. 

Entorno de Trabajo

Configuración del entorno de trabajo y las herramientas.
Definir una estructura (directorio), con "los directorios de proyectos" permite múltiples proyectos/sitios en su flujo de trabajo. Un directorio de proyecto será la ubicación central para todos los datos relacionados con un proyecto, facilitando archivar proyectos o transferirlos a un sistema diferente.

Utilice un soft-linking (también para windows) de archivos y directorios, logrando que los archivos fuera del “directorio del proyecto”, estén disponibles dentro del “directorio del proyecto”. Este sistema, básicamente, ofrece múltiples lugares para acceder al mismo archivo. 

Proyecto

Gestionar y publicar los archivos, aplicar la codificación y el estilo.
Los Entornos de Desarrollo Integrados (IDE) como Eclipse, Netbeans, PhpStorm entre otros, pueden ayudar a mejorar la productividad. Ofrecen diferentes niveles de soporte para lenguajes como PHP, JavaScript y HTML con respecto a la edición, la inspección, la refactorización, las normas de codificación de Joomla, la extensibilidad a través de plugins y mucho más. Al final se trata de una elección personal. Me conformé con PhpStorm como IDE de elección. 

Estilos

CSS y el uso de CSS con preprocesadores.
Aplicar estilos a un sitio web utilizando CSS es un principio básico de diseño de sitios web. Mientras que CSS es poderoso, se ha recorrido un largo camino desde que se introdujo por primera vez. Las técnicas han sido tomadas de otros lenguajes de programación para avanzar en lo que CSS es capaz de hacer. 

En los últimos años, hemos visto el desarrollo de "pre-procesadores", tales como “SASS” y LESS. Cada uno tiene sus propias fortalezas y debilidades que se están desarrollando para mantenerse al día con funcionalidades en constante evolución. 

Depuración (Debugging)

Consulte lo que está pasando en el código.
¡El esfuerzo y la superación de la documentación de Joomla! en los últimos años ha sido épica! 

Poder ser capaz de ver lo que está pasando en tiempo real dentro de su código (Javascript o PHP) es una característica muy útil y bien vale la pena tomarse el tiempo para configurarla tanto en local (PC o Mac) como remotamente (tu desarrollo en el servidor de producción). La depuración le permite detener un script en puntos específicos en el código, inspeccionar y modificar las variables, todo ello sin realizar cambios en la propia fuente. Piense en ello como Firebug o Developer Tools para la codificación. 

Control de Versiones

Gestionar los cambios, revertirlos, contribuir.
Una versión o sistema de control de versiones (VCS) ha sido el amigo más cercano de los desarrollo de software profesionales durante décadas. Dentro de las herramientas que puedes elegir están, CVS, Subversion, GIT . En este momento, probablemente, los VCS más utilizados en el mundo Open Source (y el sistema utilizado por el proyecto Joomla) es GIT. Un IDE puede apoyar en las tareas básicas de la VCS, la creación de branches para errores o alguna funcionalidad que se quiere añadir, etc. Incluso, se puede utilizar para contribuir en las pruebas y corrección de errores en Joomla. 

Desarrollo

Archivos instalables y otras tareas.
En el desarrollo de su propia extensión (o paquete), al final del mismo, necesita crear un archivo que se pueda instalar en su sitio o para poder enviarlo al Directorio de Extensiones Joomla (JED). 

El uso de herramientas de desarrollo como, MAKE, ANT o PHING ayudarán con estas tareas repetitivas. PHING es una versión PHP extensible de ANT y como está soportado nativamente por PhpStorm la convierte en la elección natural para el desarrollo de estos archivo, para pruebas de funcionamiento y validaciones, y para cualquier otra tarea específica del proyecto. 

Pruebas

Pruebas unitarias, pruebas automatizadas, pruebas de interfaz de usuario (UI).
“Todo el mundo” habla al respecto, pero sólo unos pocos logran hacerlo. Hay un fuerte impulso y una buena razón para adoptar la prueba automática. El concepto de tener pruebas automatizadas parece obvio, pero aplicarlo en la práctica y desplegar estas dentro de sus proyectos es una cosa diferente, sobre todo con interacciones con UI. Todavía tengo que pensar un poco más en esto, por tanto, lo guardamos para el final ;) 

¿Y ahora?

Tenemos la intención de documentar todos los temas anteriores y compartirlos en las próximas ediciones de la Revista. Si tienes algún comentario o sugerencia sobre temas a cubrir, por favor, no dudes en hacérnoslo llegar en los comentarios de más abajo. Compartir y disfrutar.