Meetup de WordPress en San Cristóbal, Táchira

Desde Enero del 2016 nos estamos reuniendo varios entusiastas de WordPress ubicados en el estado Táchira (Venezuela). Para hablar sobre temas relacionados al mundo WordPress, tales como: desarrollo de temas, los mejores plugins, casos de éxito, diseño web, mercadeo, entre otros. Estos encuentros, mejor conocidos como meetup de WordPress han sido reconocido oficialmente por Automattic, la compañía detrás de WordPress. Por lo tanto nos han colaborado pagando la plataforma Meetup.com y aparecemos listados dentro sus meetups oficiales (ya aparecemos en el widget de encuentros cercanos).

¿Qué es un meetup de WordPress?

Es un encuentro de varios entusiastas, aficionados y profesionales que utilicen WordPress. En los encuentros se comparten diversos temas relacionados al gestor, como información técnica para crear sitios, experiencias de negocio, recomendaciones de plugines, experiencias laborales, entre otros. Los asistentes pueden ser creadores de páginas web, dueños de negocios con sitios hechos en WordPress, personas de mercadeo, profesores, desarrolladores web, diseñadores gráficos, comunicadores sociales, bloggers, entre otros. Los asistentes de este tipo de eventos suelen ser personas de distintas ramas y por lo tanto, se aprende mucho al aprender de ellos.

No todos los meetups son académicos y escuchar ponencias, algunos son eventos sociales donde nos reunimos en un sitio para compartir comida o bebidas. Pues la idea es compartir experiencias, crear lazos profesionales, laborales y de amistad.

¿Cómo puedo participar y colaborar?

Puedes participar de 4 formas: asistiendo, dictando una charla, patrocinando u organizando. Siempre buscamos nuevos colaboradores para participar:

  • Asistiendo: es la mas importante, pues sin asistentes no podemos realizar el evento. Como asistente debes confirmar tu puesto en el sitio de meetup de WordPress e invitar cada vez mas gente para crecer como comunidad.
  • Dictando una ponencia: necesitamos ponencia para compartir contenido en los encuentros. Este punto es nuestro mayor limitante para planificar encuentros. Los temas son relacionados a WordPress, puedes hablar de mercado de sitios, de la funcionalidad de un plugin que te guste, como desarrollar un tema, diseño gráfico, base de datos, seguridad de sitios, entre otros. Lo importante es que el tema este orientado a WordPress. Nos gusta tener ponencias sobre casos de éxito, donde nuestros colaboradores compartes sus experiencias empresariales al usar WordPress.
  • Patrocinando: colabora prestando un lugar para poder reunirnos, llevando refrigerios para compartir luego de cada encuentro, por mencionar algunas ideas. Los patrocinantes aparecer en el sitio del meetup y pueden dar un mensaje o publicidad a todos los asistentes.
  • Organizando: actualmente solo hay 1 persona organizando el evento. Requerimos mas colaboradores para buscar sitios, personas que quieran dar una ponencia. También necesitamos alguien que pueda grabar las ponencias, tomar fotos y luego publicarlas en Internet para las personas que viven fuera del estado. Si te interesa colaborar puedes escribirme.

No vivo en el Táchira, ¿cómo puedo participar?

También estamos de forma virtual en distintos medios. Te recomendamos unirte a nuestro canal en telegram creado por Richzendy. Allí intercambiamos información de complementos y resolvemos las dudas de la comunidad. Muchos participantes comparten videos, artículos y libros para adquirir nuevos conocimientos. Uno de los miembros administra la cuenta de @wordpressvzla en Twitter donde se comparte información de este gestor.

¡Así que puedes participar remotamente con la comunidad!

¿Cada cuanto se reúnen?

Nos solemos reunir cada dos meses, dependemos principalmente de la situación del país, la disponibilidad de un aula en la UNET y si podemos conseguir al menos dos ponencias. La mejor forma de enterarse del próximo evento es uniéndose a la página de Meetup de WordPress San Cristóbal. El sitio notifica cada vez que publicamos un evento, el llamado a ponencias, mensaje enviados a la comunidad, entre otros. Consideramos importante confirmar tu asistencia al evento, para conocer si el aula posee suficiente capacidad y comprobar ante Automattic el interés en los encuentros.

Logros del meetup de WordPress del Táchira

A pesar de tener poco tiempo de reunirnos hemos podido:

  • Ser reconocido como un meetups oficial de WordPress, el único en el país.
  • Ser el único grupo de latinoamérica en participar en el WordPress Global Translation Day.
  • Fuimos entrevistados en WordPress.tv

Esperamos tener mas logros, por lo tanto te invitamos a unirte en la página de Meetup de WordPress San Cristóbal, colabora invitando a mas amigos, asistiendo o dictando una ponencia. ¡Así creceremos para hacer eventos mas grandes como WordCamps!

Hace 5 años en esa fecha: Steve Job vs Bill Gates el rap

Aprende HTML con este vídeo de Metal

Si le preguntas a un desarrollador web cómo puedes iniciarte el mundo del desarrollo web. La respuesta mas común es aprende HTML. Navegando en Reddit encontré este genial vídeo, que explica las bases de las etiquetas HTML a través de una canción de Metal.

Así que si eres fanático del género musical del metal, aumenta el volumen de tus cornetas y disfruta de este grandioso video sobre metal ya aprende HTML al mimo tiempo.

¡Aprende HTML con este vídeo y conviértete en un desarrollador web metalero!

What comes next is the future: Documental sobre la web

What Comes Next Is the Future es un documental sobre la web creado por Matt Griffin. El cual relata la historia de la web: las fases por las cuales ha pasado, como está actualmente y hacia donde se dirige, contada por la gente que la construyó.

El contenido del documental

Si eres desarrollador web o deseas convertirte en uno, no debes dejar de ver este documental. Lo que mas me gustó es la participación de personas muy importantes en el mundo de la web como: Tim Berners Lee, Ethan Marcotte, Eric Meyer, John Resig, Jessica Ivins, entre otros. Pues estas escuchando la historia por quienes realmente lo hicieron y se expresan con un cierto sentimiento que le da mejor calidad a la historia.

What Comes Next Is the Future

What Comes Next Is the Future es un buen documental para todo desarrollador web

El documental tiene una duración de 1 hora, abarca desde la creación de la web, cuando todos creábamos sitios con tablas, el nacimiento de CSS, la hegemonía de flash, la aparición de los dispositivos móviles y como afectó a los sitios web. Me gustó porque muestran la historia de la web desde un punto de vista de los desarrolladores, a diferencia de otros documentales donde lo hacen desde el punto de vista del usuario. En mi caso, que llevo haciendo páginas desde 1999, el documental me recordó como se hacían muchas cosas en el pasado y como algunas tecnologías nacieron para solventar problemas del pasado.

Cómo ver What comes next is the future

Lo mejor es que el documental está disponible de forma gratuita en la web, lamentablemente por ahora no tiene sub-títulos en español (sería bueno que alguien se animara a realizarlos). Así que reserva una hora para que veas What Comes next is the future a continuación.

Recuerda que si te gustó, comparte esta información con tus amigos para que conozcan mas sobre la plataforma web.

Imágenes responsive en WordPress

¿Que son las imágenes responsive?

Las imágenes reponsive son aquellas imágenes que automáticamente carga la mejor versión para la resolución de tu equipo, esto permite con una misma etiqueta HTML cargar una imagen de alta resolución para una computadora con pantalla HiDPI (Retina Display) y una imagen de baja resolución para un dispositivo móvil con una pantalla de baja calidad. (Si quieres leer mas documentación te recomiendo leer la entrada de <img> en MDN).

El código HTML necesario es como cualquier <img> para dar compatibilidad a las páginas existentes, pero adicionalmente se agrega un atributo srcset para poder especificar la imagen correspondiente a cada resolución y también se agrega el atributo sizes para definir las reglas de cuando usar cada imagen.

Cómo generar el código en WordPress

A partir de WordPress 4.4 ahora podemos contar imágenes responsive de forma automática, usando las funciones de este CMS obtendrás el código HTML para crear imágenes adaptables, pero probablemente si tienes algún código donde generabas las etiquetas de estas imágenes manualmente, necesitaras llamar a varias funcionales para hacerlo.

A continuación te explicare cómo es el proceso, el primer paso es obtener los valores de los atributos src y srcset, en este caso pasamos full como tamaño para obtener la imagen en su mayor resolución:

$img_src = wp_get_attachment_image_url( $attach_id, 'full' );
$img_srcset =  wp_get_attachment_image_srcset( $attach_id, 'full' );

Generamos la etiqueta sizes para los tipos de imágenes que queremos mostrar:

$wp_sizes   = array('full', 'large', 'medium', 'thumbnail');
$img_sizes  = '';

foreach ( $wp_sizes as $wp_size ) {
   $img_sizes .=  wp_calculate_image_sizes( $wp_size,  $img_src, null,  $attach_id );
}

Luego podemos generar el HTML de la etiqueta img:

$img = sprintf('<img src="%s" srcset="%s" sizes="%s" alt="%s" >',
   esc_url( $img_src ), esc_attr( $img_srcset ), esc_attr($img_sizes), $img_alt
);

Listo, ya tendrás una etiqueta de imagen responsiva donde dependiendo de la resolución del dispositivo, se cambiará la imagen por una de mayor o menor de resolución (dependiendo del dispositivo). Cabe destacar que esta funcionalidad funciona con todo navegador moderno exceptuando…por supuesto…Internet Explorer.

Cómo instalar paquetes de bower y npm en Yii2

Actualmente cuando trabajas en el frontend (la parte visual) de una página web utilizas código Javascript para realizar ciertas acciones tales como: animaciones, validaciones, interacciones, etc. Y con el auge de popularidad de este lenguaje, existen muchas librerías y complementos que facilitan el desarrollo. Por eso, hoy en día es normal que si realizas una aplicación en Yii2, utilizarás componentes visuales para manejar calendarios, validaciones de correo, manejo de modales, etc.

A pesar de existir una cantidad notable de extensiones de Yii2 para instalar complementos adicionales, no se puede comparar a la calidad y cantidad de librerías y frameworks disponible en npm y bower. Además, si eres un programador de Javascript, estarás acostumbrado(a) estas herramientas y te sentirás limitado en Yii2. Sin embargo, existe una forma de instalar software de npm/bower en tu aplicación utilizando composer, de esta manera puedes gestionar tus dependencias de Javascript y PHP en una sola herramienta.

Instalación del plugin de composer

Asumiendo que ya tienes instalado composer, solo debes instalar el complemento composer-asset-plugin mediante el siguiente comando:


php composer.phar global require "fxp/composer-asset-plugin:~1.1.1"

Agregando dependencias en tu aplicación de Yii2

Una vez instalado el complemento, para instalar los paquetes debes agregar al nombre del paquete original el prefijo npm-asset/ o bower-asset/ dependiendo del caso. De esta forma, si quieres instalar combodate debes colocar como nombre bower-asset/combodate. Luego con hacer php composer.phar update instalarás las dependencias requeridas en la carpeta /vendors.

Ejemplo para instalar un paquete de npm:


{
  "require": {
    "npm-asset/el-paquete-npm": "dev-master"
  }
}

Para instalar un paquete de Bower:


{
  "require": {
    "bower-asset/el-paquete-de-bower": "dev-master"
  }
}

¡Y listo! una vez que tienes las dependencias, puedes incluirlas en tu plantilla de vista o crear un Assets, la opción recomendada de Yii2 para el manejo de archivos/liberías externas, pues te permite definir dependencias y en que momento cargarlas, para optimizar la carga de tu sitio web.

Espero que te sirva esta guía y puedas disfrutar de todo el poder de Javascript para aplicarla en las vistas de tu aplicación realizada en Yii2, un gran framework de PHP.

Hace 5 años en esa fecha: Mi reacción ante el problema de Playstation Network

Hace 8 años en esa fecha: Propaganda del Flisol 2008