January 26, 2023 — Descuidamos el uso de HTML y CSS porque lo consideramos «fácil», ignorando su potencial en legibilidad, estructura y nomenclaturas. Crees que lo haces bien… ¡pero no!

En la charla daré solución al problema haciendo un repaso rápido de las buenas prácticas al crear sitios web de la manera más profesional posible.

Hablaré de como dar una arquitectura adecuada (con SASS, Split media, enfoque a componentes…), formatear los comentarios para trabajar entre compañeros, estándares para nombrar las clases, además de patrones de diseño. Y si no fuera poco, hablaré de los errores más clásicos que encuentro en junior para que no cometas la pata delante de otros compañeros.

Presentation Slides »

January 26, 2023 — WordPress dispone de una API REST muy potente. Esta API permite la integración con multitud de sistemas externos: aplicaciones de escritorio, aplicaciones web, aplicaciones móviles, IoT,….

En esta sesión explicaré cómo crear el frontend de un blog en una aplicación web externa, usando un popular framework PHP, accediendo a la información gestionada por el backend de WordPress a través de la API REST de WordPress: usando este método obtendré los menús, configuraciones, posts y otra información.

El guion propuesto de la sesión es el siguiente: * Opciones para integrar WordPress con una aplicación externa: compartir base de datos, paquetes del framework, API REST. * ¿Qué es una API? * Qué es REST. * Uso de la API. * Endpoints de WordPress. * Ejemplo: * Instalación de WordPress (CLI). * Creación de aplicaciones (CLI). * MVC. * Rutas. * Controladores. * Vistas.

Los asistentes a esta sesión aprenderán a integrar una aplicación web externa con WordPress a través de su API REST.

También será interesante para otro tipo de desarrolladores, como desarrolladores de escritorio, móviles, API, IoT,… ya que la base técnica es la misma. Necesitaré un ordenador con una instalación LAMP o similar para ejecutar WordPress, el WP-CLI instalado, una consola, un navegador y una conexión a Internet. La mejor opción es usar mi portátil.

Presentation Slides »

January 26, 2023 — Conoce cómo transmitir bien tu Marca en una Web.

La principal diferencia visual entre una web profesional y otra amateur es el trabajo de los elementos de la MARCA.

En esta actividad preparamos y elegimos los elementos gráficos de nuestra Marca para aplicados a nuestra web. Todo ello a partir de un logotipo o imagen representativa. Índice:

– Qué es la Marca

– Identidad

– Beneficios de tener una Marca propia Elementos conceptuales de la Marca Propósito Valores Arquetipos de Marca Posicionamiento de mercado Público al que nos dirigimos La Imagen Gráfica de la Marca Logotipo como núcleo de la Imagen gráfica Colores Tipografías Formas y otros elementos La Hoja de Marca Nuestra Marca como Identidad y elemento diferenciador Aplicaciones de la Marca La Marca como Valor principal de nuestro negocio

–Branding

– Marcas famosas… que lo hacen bien. Errores que no deberían cometer las Marcas

Presentation Slides »

January 26, 2023 — Cogeremos partes de webs reales para adaptarlas a un diseño más moderno, donde priorizaré ideas como la distribución entre los distintos elementos, el tamaño de las tipografías, elección de colores, etc.

Todo esto aplicado tanto en versión escritorio como responsive para ayudarte a rediseñar y mejorar tus nuevas creaciones con WordPress, a través de recursos y trucos muy sencillos.

Usaré la funcionalidad Flexbox CSS con Elementor, aunque los conceptos que mencionaré se podrán emplear en cualquier herramienta moderna.

Presentation Slides »

January 26, 2023 — Tema general: trasladar los principios de Programación Orientada a Objetos al mundo de la Automatización de procesos.

Mi pasado de Ingeniero me persigue… y esta vez he decidido no correr más rápido que él.

Uno de los conceptos que me enseñaron en la carrera fueron los principios de la Programación Orientada a Objetos. Y cuando salté al mundo del marketing y ahora de la automatización de procesos veo muchísimas similitudes en cuanto a los escenarios de juego donde se podrían aplicar esos principios pero que por alguna razón se ignoran u olvidan.

En esta charla quiero “traducir” o “transformar” esos principios de programación al mundo de la automatización de procesos. Sin ver ni una línea de código.

Presentation Slides »

January 26, 2023 — Veremos un poco de teoría (un poco, de verdad no una charla), plantearemos una paleta de colores que contrasten y luego la implementaremos.

Repasaremos el uso de las calculadoras de contraste. De paso también repasaremos las funcionalidades que tiene WordPress para advertirnos cuando los colores que usamos no alcanzan el mínimo nivel de contraste que exige la normativa de accesibilidad.

Pero ojo, porque ya sabemos que la futura norma WCAG 3.0 usará un algoritmo de cálculo de contraste diferente que soluciona los errores de la actual norma.

Ahora es el momento de empezar a aprender a usar esta calculadora e interpretar sus resultados para mejorar aún más nuestras webs.

January 26, 2023 — WordPress de forma nativa nos da la posibilidad de gestionar tanto páginas como entradas, es decir, contenido estático y contenido dinámico, pero no solo se queda en eso, sino que de forma nativa podemos extender estos tipos de contenido y si además recurrimos a plugins de terceros podemos llevar todavía más lejos toda esta funcionalidad hasta tal punto de poder crear un directorio de coches, de inmuebles, de discos de música, etc…

En esta charla veremos y nos familiarizaremos con conceptos como los Custom Post Types, tipos de contenido personalizados, los campos personalizados, mediante ACF, y la jerarquía de plantillas de WordPress. Con estos tres elementos podremos llevar a cabo infinidad de directorios, listados, portfolios, etc…

El objetivo de la charla no es sentar cátedra al respecto, sino mostrar una manera sólida y consistente de extender las funcionalidades de WordPress.

Presentation Slides »

January 26, 2023 — Los eventos tecnológicos, en mayor o menor medida, son espacios en los que nos reunimos para compartir conocimiento, conocer gente del sector con la que hacer negocios, descubrir nuevos procesos y herramientas o hacer vida social.

Asistimos a charlas y talleres, nos llenamos la barriga de manjares, y nos reencontramos con gente a la que apreciamos. Pero, a veces, se nos olvida pararnos a pensar: ¿Qué sacamos realmente de todo esto? Seguro que cada quien tiene sus razones particulares. Y yo tengo las mías, claro.

En esta ponencia haré un repaso de las charlas (y otros formatos de divulgación) a las que he asistido en los eventos de WordPress, y que han supuesto un antes y un después en mi manera de entender el sector tecnológico o, en algunos casos, mi estilo de vida.

Lo que hacemos y lo que decimos siempre tiene un impacto en la vida de quienes nos rodea. A veces no nos hacemos la idea hasta qué punto. Para que tengáis un ejemplo, os cuento el impacto que han tenido en mí los contenidos de otros ponentes de eventos de WordPress. Además, como excepción, me encantará que en el turno de preguntas me contéis algunos de vuestros ejemplos. Esta vez sí, más que una pregunta, podéis hacerme un comentario.

Presentation Slides »

January 26, 2023 — No podemos hablar de un proyecto exitoso en Internet sin hablar de optimización y rendimiento y de cómo afecta a la experiencia de usuario y al cumplimiento de los objetivos de negocio sean cuáles sean.

En esta charla podrás aprender qué es WPO, por qué es tan importante, y qué diferentes estrategias puedo aplicar en mi proyecto WordPress.

Presentation Slides »

January 26, 2023 — En este taller aprenderemos qué es el Full Site Editing, configuraremos las bases de nuestro nuevo tema con el archivo theme.json, y crearemos las «plantillas», «template parts» necesarias para crear nuestro tema. El objetivo:

– Que entiendan cómo es un tema de Full Site Editing

– Que sepan para qué nos sirve el Theme.json y qué podemos hacer

– Qué sepan qué son las «Plantillas» y cómo funcionan

– Que sepan qué son los template parts, cómo se crean y se utilizan

– Crearemos la página principal + la página de blog + el single (Esta descripción la podemos mejorar para la web)

Presentation Slides »