October 18, 2019 — This talk will help content creators get more use of their website and blog content while eliminating the stresses of social media management.

October 18, 2019 — Learn how to use GraphQL and Vue to build an interactive WordPress site.

We will go over some of the motivations and fundamentals behind GraphQL. From there we will install wp-graphql and VueJs. Finally we will get the client and server to talk to each delivering data via GraphQL.

Presentation Slides »

October 18, 2019 — WooCommerce es una herramienta poderosa y altamente personalizable ¿pero que pasaría si la combinásemos con tecnología de punta del lado del frontend como React? Obtendríamos el rendimiento que una SPA (Single Page Application) sin tener que desarrollar un complejo backend de ecommerce desde cero.Pudiésemos aprevechar muchas de las funcionalidades de WooCommerce (y muchas de sus extensiones) pero con una experiencia de usuario mejorada y altamente escalable; pudiendo incluso dar el salto a una Progressive Web App más adelante, de esas que tanto le gustan a Google. ¡El potencial es tremendo!Una estructura del taller: Create React App. Consumiendo la API de WooCommerce con Axios. Creando rutas con react-router. Creando las vistas: Productos, producto, checkout, gracias. Agregando estilos. Creando el componente Carrito. Manejando el estado global con Context Api de React. Creando pedidos.Nota: Por razones de tiempo y practicidad, el taller se realizaría con create-react-app en lugar de Next.JS, dejando de lado cosas como Server Side Rendering o autenticación de usuarios, porque a pesar de pertenecer a funcionalidades que se esperan en una aplicación real, no son esenciales para demostrar la combinación React-WooCommerce, que es lo que se quiere lograr con este taller.

Presentation Slides »

October 18, 2019 — Déjame decirte que si validas tu código escribiendo el ya clásico «echo var_dump( $variable); exit;» estás perdiendo muchísimo tiempo de tu vida (y ganando canas o dolores de cabeza).

Existen herramientas como XDebug, que a grande rasgos es un complemento que podemos agregar a nuestro PHP, que nos permite «monitorizar» y validar la ejecución de nuestro código paso a paso. De esta manera nos será mucho más simple detectar problemas o saber por qué esa bendita acción o filtro nunca llega a ejecutarse.

En esta charla te explicaré cómo podemos configurar este complemento y sus múltiples formas de uso, que agilizarán el proceso de desarrollo de nuestras soluciones WordPress.

October 18, 2019 — WordPress tiene muchas capas de caché. La más conocida es la caché de página, que es la que habitualmente se configura con los plugins, pero no es la más potente de todas.¿Te gustaría conocer todas las capas de caché que tiene WordPress? Y, lo más importante, ¿te gustaría configurarlas para hacer que tu WordPress vuele?En esta charla/taller veremos las capas de caché existentes, cómo saber si están disponibles, cómo activarlas y sacar el máximo rendimiento de nuestro sitio WordPress.

Presentation Slides »

October 18, 2019 — Lanzar una nueva versión de tu plugin puede ser una experiencia bastante estresante. Todos hemos publicado versiones con errores de regresión que se podrían haber evitado. En este taller comparto cómo utilizamos Codeception y Docker para garantizar la fiabilidad de Gravity Forms en los 2 millones de sites activos.

Presentation Slides »

October 18, 2019 — AMP is an open-source web components framework that enables building websites that are compelling, smooth and performant and can be built in an easy and declarative way. With AMP, even highly dynamic and interactive web pages load near instantaneously. The framework furthermore ensures that the high-quality experience achieved after the initial build of a website is maintained over time, by utilizing its powerful validation framework which immediately highlights issues that could potentially hurt user experience.

The core of this workshop is to build a WordPress site that benefits from the power of the AMP framework, taking into consideration all the different pieces a typical site consists of. We will go through the process of creating an AMP compatible theme, and learn what to look out for when selecting or building AMP compatible plugins to enhance the feature set of your site. In preparation for this, a brief introduction will highlight the key principles of AMP, explain why it exists, and showcase some impressive use-cases of the framework.

Presentation Slides »

October 18, 2019 — Vamos a empezar con un plugin que incluirá el máximo posible de malas prácticas y chapuzas y lo vamos a ir mejorando y refactorizando hasta que consigamos un plugin que nos llene de orgullo y podamos enseñar a familia y amigos.

El primer paso será crear un sistema automatizado de pruebas que nos permita comprobar que los cambios que vayamos haciendo no van a romper el plugin.

Una vez tengamos el sistema listo comenzaremos a refactorizar y a limpiar el código. Esto requerirá de la participación de la audiencia. Entre todos iremos viendo poco a poco qué cosas se pueden ir mejorando para aumentar la legibilidad del código y eliminar errores y código spaguetti.

Por el camino iré introduciendo conceptos de POO, SOLID, patrones, etc.

Al final verás que las cosas se pueden hacer de forma correcta y que resulta más rápido y divertido que andar haciendo chapuzas.

Presentation Slides »

October 18, 2019 — En este taller entenderemos y analizaremos la estructura de un bloque de Gutenberg:

¿Qué ficheros son necesarios?
¿Cómo organizarlos?
¿Qué función desempeña cada unos de ellos?

El objetivo de este taller es que la gente comprenda el funcionamiento de un bloque de Gutenberg. Entre cosas veremos cómo maquetarlo tanto en el Front como en el Backend, así como recoger información y almacenarla utilizando los estándares que marca WordPress.

Presentation Slides »

October 18, 2019 — ¿Por qué hacer un tema con React? ¿Y qué beneficios tiene un tema hecho en React frente a un tema tradicional de PHP? Tras una introducción a esta nueva forma de trabajar con WordPress que se abre ante nosotros te mostraremos cómo puedes crear un tema con React para tu sitio WordPress en menos de 30 minutos.

No te preocupes, te enseñaremos todo lo necesario para que después te puedas desenvolver tú solo. ¿Nuestro objetivo? ¡Que salgas del taller con un nuevo tema perfectamente funcional e increíblemente rápido para tu blog! ¿Te animas? ¡Pues manos a la obra!

Presentation Slides »