Luego de 3 años y medio sin realizar ningún desarrollo en mi primer plugin de WordPress: jQuery Archive List (además de cumplir exactamente 8 años de crearlo). Pude conseguir un tiempo para actualizarlo e incluir funcionalidades pendientes.
Lo primero en hacer fue reescribir el código siguiendo las convenciones de código de WordPress. Durante este procesó note código adaptado a versiones viejas de PHP (cuando lo escribí inicialmente PHP 5.2 era la versión mas usada). Otras partes tenían código que hoy me daba risa lo ilegible o ineficiente. También habían cosas que había escrito y ahora WordPress incluye funciones para realizar esas tareas. Otras funciones fueron marcadas como obsoletas o inseguras y tocaba usar la forma correcta.
Fue una gran experiencia arreglar mi propio código. Ver como he crecido todos estos años profesionalmente, los cambios en la tecnología y como va madurando el software con los años.
En fin espero que disfruten jQuery Archive List, gracias a desarrollar este plugin pude conseguir los clientes mas importantes en mi carrera. Recibí buenas donaciones durante los inicios y me ayudó a mantenerme un poco. Además, que me ayudó a darme conocer en la comunidad de WordPress y crecer como profesional.
El pasado noviembre estuve en el JsConf Colombia 2017 dictando una charla sobre Reutilizar tu código y has aplicaciones de alto rendimiento con WebAssembly. En ella explico una introducción sobre cómo funciona Javascript, problemas de rendimiento, que es WebAssembly, ejemplos, entre otros.
Si te llama la atención esta grandiosa tecnología, no dudes en ver mi presentación en español sobre WASM. Son sólo 20 minutos donde aprenderás muchas cosas.
Así que a continuación te dejo con la presentación:
Miguel Useche - Reuse your code and do high performance web apps with WebAssembly
Si les gustó no duden en compartirlo en sus redes sociales para que mas personas conozcan sobre esta grandiosa tecnología.
Cuando necesitas modificar la plantilla de una instalación de WordPress, la forma correcta de hacerlo es mediante un tema hijo. De esta manera puedes realizar modificaciones solo a los archivos que necesites y es mas fácil llevar los cambios; si actualizas no perderás nada pues solo los archivos del «tema padre» se sobrescribe y no tus cambios.
La configuración de tema hijo
WordPress guarda la configuración del tema (incluyendo datos de los widgets y su posición en las barras laterales) en la base de datos. Al momento de almacenarlo utiliza el nombre de la carpeta del tema como identificador esto ocasiona la pérdida de la configuración si el nombre de la carpeta cambia por:
Agregaron el número de la versión del tema al nombre de la carpeta y el mismo es distinto en una versión superior.
Se crea un tema hijo que obviamente tendrá otro nombre.
Algunos temas posee una configuración compleja o tal vez en algunos sitios tienes una configuración de widgets muy larga como para recrearla. Por ello puedes automatizar este proceso utilizando la herramienta WP-CLI que te permite realizar tareas desde la consola.
Migrar la configuración
Asumiendo que el tema padre se encuentra en la carpeta llamada tema_padre y el hijo en la carpeta tema_hijo el comando a ejecutar sería:
Estaba buscando un nuevo IDE para PHP y me conseguí con CodeLobster. Lo probé en Windows y me gustó debido a su rendimiento, carga muy rápido y es liviano. La mayoría de IDE que he probado están hechos en JAVA por lo que suelen ser un poco pesados pero CodeLobster es una aplicación nativa funciona muy rápido. Al principio parece un editor, pero luego notarás que posee muchas herramientas para ayudarte.
Interfaz de CodeLobster
Asistente de nueva aplicación
Lo primero que intenté fue crear un proyecto de WordPress. Un asistente me ayudó durante todo el proceso: preguntó por las credenciales de la BD, el nombre del proyecto e información básica. Entonces automáticamente empezó a descargar las fuentes, configuró el archivo wp-config.php y en segundos tenía una instancia de WordPress ejecutándose y lista para ser modificada dentro de CodeLobster. Esta funcionalidad ahorra mucho tiempo y evita estar modificando los archivos y hacer la configuración inicial. Lo genial es que tiene soporte para la mayoría de los frameworks mas importantes de JS y PHP. Puedes crear o importar la mayoría de proyectos porque tiene soporte para muchas tecnologías. Estas herramientas son excelentes para novatos o académicos, pues no requiere editar la configuración de forma manual y la interfaz facilita el proceso inicial.
Credenciales para sitios de WordPress
Herramientas integradas
CodeLobster posee muchas herramientas para ayudarte a lo largo del desarrollo de una aplicación de PHP: administrador de base de datos, sistema de control de versiones, validadores de código, entre otros. Lo excelente es que viene de forma nativa y no requiere instalar herramientas adicionales.
Credenciales del control de versiones
Si deseas hacer desarrollo frontend, incluye soporte para SCSS y compatibilidad para varios frameworks de Javascript como Angular, Ember, etc. Así que puedes escribir código tanto para backend como frontend, ejecutar tus sentencias SQL y hacer implementación dentro de la misma aplicación.
Si tu código no esta funcionando, puedes usar el depurador incluido para probar tu código PHP y encontrar cualquier error. También puedes usarlo para confirmar la lógica de la aplicación y todo funciona como debería ser.
¿Por qué usar CodeLobster?
CodeLobster es un gran IDE para personas que desean hacer todo su trabajo dentro de una única aplicación. Por ejemplo, no necesitas cambiar a otra aplicación para administrar tu BD, mejorar el código, chequear errores, etc. Puedes hacer todo dentro de la misma ventana y es fácil de usar, de hecho, gracias a su asistente te ahorras tiempo en definir las configuraciones.
Te recomiendo este IDE si estás buscando: una única herramienta para ayudarte durante todas las tareas de desarrollo, compatibilidad con varios sistema soperativos. Deseas un IDE que sea rápido (o tienes una computadora vieja) y no tienes tiempo para configurar cada herramienta.
Para obtenerlo, puedes descargar CodeLobster desde su sitio oficial.
