Desarrollo profesional de WordPress Herramientas

En esta serie, hemos estado revisando temas para el desarrollo profesional de WordPress dirigido a aquellos que buscan mejorar sus habilidades profesionales de desarrollo de WordPress.

En este punto, hemos cubierto estrategias y prácticas ambientales, pero aún tenemos que examinar algunas de las herramientas que son más comunes en el desarrollo de WordPress. En este artículo, haremos una encuesta de las diversas herramientas, utilidades y complementos que contribuyen a construir y mantener proyectos exitosos..


Complementos

Cuando configuro un entorno de desarrollo local para un proyecto de WordPress, me aseguro de tener las siguientes herramientas instaladas y a mi disposición. Muchos de estos han surgido como resultado de la experiencia, la recomendación de desarrolladores más experimentados o las preferencias personales..

Como con la mayoría de las cosas en esta serie, estas son simples sugerencias, no son las reglas o los estándares por los cuales usted mide su configuración..

Depuradores de JavaScript

Como cubrimos en el primer artículo de la serie, una parte de WordPress se escribe usando jQuery y la mayoría de los temas y complementos también lo incluyen. Como tal, la depuración de JavaScript es una necesidad fundamental para el desarrollo profesional (especialmente cuando se trabaja con complementos o temas que abusan de cargar sus propios scripts o versiones de jQuery).

  • Firebug es posiblemente el depurador de JavaScript más popular para Firefox
  • La consola de Chrome es extremadamente útil e incluye un depurador de JavaScript incorporado

Ambas utilidades también ofrecen la posibilidad de escribir JavaScript directamente en la consola para que pueda evaluar funciones, expresiones y declaraciones sin tener que editar sus archivos principales, recargar la página, probar y repetir.

Independientemente del depurador que prefiera, asegúrese de tener uno ejecutándose en su navegador, ya que hace que localizar los errores y resolverlos sea mucho más fácil..

Tema unidad de prueba

La prueba de unidad temática de WordPress no es una prueba de unidad en el sentido tradicional. En su lugar, es un archivo XML que puede importar en su instalación de WordPress para el beneficio de su tema o complemento que le brinda un conjunto de publicaciones, páginas, autores, comentarios, imágenes, etc. para asegurarse de que está formateando los datos correctamente..

Si está creando un complemento, proporciona datos simulados contra los que se puede ejecutar su complemento para ver cómo funcionaría con los datos reales y reales..

Si eres un desarrollador avanzado o estás buscando comenzar a realizar pruebas con WordPress, asegúrate de revisar nuestra serie en Unit Testing WordPress.

Complemento de desarrollador

El complemento para desarrolladores es un complemento relativamente nuevo que fue creado por el equipo VIP en Automattic que tiene como objetivo proporcionar a los desarrolladores un conjunto de herramientas específicamente para ayudarnos a desarrollarnos mejor..

El plugin incluye ...

  • Soporte para sitios estándar de WordPress.org y sitios VIP
  • Debug cron
  • Reescribir el inspector de reglas
  • Registrar avisos obsoletos
  • Escáner VIP
  • Formulario de contacto de Grunion
  • Widget de monstruo
  • Probador beta

... todo en un plugin con una interfaz simplificada. Personalmente, este es mi complemento de facto para el desarrollo local basado en WordPress.

Verificación de tema

Theme Check es otro complemento que recomiendo para el desarrollo que evaluará su código en comparación con la versión actual de la API de WordPress y proporcionará avisos, advertencias, recomendaciones y errores en función de su código..

Aunque creo que algunos algunas de las recomendaciones están ocasionalmente desactualizadas, su conjunto de advertencias y errores casi siempre son precisos y brindan información sobre las cosas que debe resolver antes de enviar su trabajo.

Debogger

Debogger es un complemento útil, especialmente si le interesa la validación W3C y está interesado en la optimización de consultas y PHP bien escrito. El complemento interceptará toda la información que se transmite entre su proyecto, WordPress, el servidor y el navegador, y luego devolverá toda la información de depuración y avisos al pie de página..

Este complemento ha sido excepcionalmente útil para mí, ya que detecta errores de PHP de último minuto que no siempre se registran debido a la naturaleza dinámica del lenguaje..


PHP

En lo que respecta al registro de PHP, normalmente me gusta tener la siguiente configuración:

  • Entornos de desarrollo y ensayo: renderice todos los errores y advertencias al navegador y al archivo de registro
  • Entornos de producción: renderice todos los errores y advertencias a un archivo de registro

Esto facilita la localización, detección y resolución de los errores que existen en su proyecto de la manera menos intrusiva según quién esté viendo su sitio. Claramente, el desarrollo y la puesta en escena están pensados ​​para usted y para un conjunto de evaluadores, mientras que el entorno de producción está pensado solo para usuarios.


CSS y JavaScript

Puede mejorar fácilmente la velocidad a la que el navegador carga su sitio al minimizar y combinar sus hojas de estilo en un solo archivo. Por supuesto, esto es un poco complicado si lo haces manualmente. Afortunadamente, hay una variedad de herramientas disponibles.

Mi arma de elección es CodeKit.

Para CSS, incluye soporte para LESS y SASS, minificación, y también tiene una gestión de dependencias integrada.

Para JavaScript, también incluye soporte para JSLint y JSHint, los cuales se consideran herramientas de "calidad de código" de JavaScript. Sabemos por artículos anteriores que WordPress tiene sus propios estándares de codificación, pero están más estrechamente relacionados con PHP que cualquier otra cosa..

Al utilizar una herramienta de Lint de JavaScript, como JSLint o JSHint, puede tener revisiones de código automatizadas que garantizan que su código es estándar y se evalúa cada vez que guarda el archivo..

Una vez más, este es solo mi método preferido para administrar recursos externos: hay una variedad de otras formas de hacerlo. La conclusión es que debe considerar realizar algún tipo de evaluación de calidad de código, preprocesamiento y minimización cuando esté disponible para CSS y JavaScript.


Conclusión

En este punto, hemos cubierto Estrategias, entornos y herramientas para el desarrollo profesional de WordPress. Por supuesto, hay mucha más información disponible sobre este tema..

Teniendo en cuenta que este blog tiene una comunidad de desarrolladores dedicados, me encantaría escuchar lo que ustedes mantienen en su caja de herramientas también. Asegúrese de compartirlo en los comentarios y vincular cualquier recurso para que el resto de nosotros podamos beneficiarnos de él, también.!