 Tenemos a David Navia, David bueno también es una persona bastante conocida dentro de la comunidad, me imagino que que alguno le conoceréis y nada pues no la robó mucho más tiempo, un aplauso por favor. Estoy marcando el punto hasta donde puedo andar. Bueno pues como ha dicho Pablo, yo soy David Navia y bueno pues llevo trabajando casi 10 años con Wordpress, conocí la comunidad hace como 4 o 5 años, gracias precisamente a Pablo, que siempre estará agradecido y bueno pues desde entonces que he despegado profesionalmente trabajando con Wordpress como freelance, he desarrollado proyectos para clientes importantes y durante mi tapas en Madrid pues la verdad que aprendí mucho y ahora pues me dedicaba a viajar y a ver las cosas de otra manera. Estoy en Slack en el canal de Wordpress España, no sé si lo conocéis pero si no os recomiendo que os paseis por allí y también estoy en redes sociales como David Navia web, bueno a ver, antes de empezar, de qué va todo esto no? Bueno, veo muchas caras de gente mayor, mayor como yo me refiero no, no está lleno de milenias al sector, entonces la mayoría de vosotros recordaréis que hace como unos 20 años el concepto de valentía era llamar a un teléfono de la chica que te gustaba o del chico que te gustaba con la posibilidad de que te lo cogiera su padre o su madre, y bueno eso era realmente la valentía. ¿Qué pasó? Hemos visto como en apenas 15 años, eso ya no pasa, no existe, todo el mundo tiene tiene su dispositivo móvil y ha cambiado la manera de comunicarnos entre nosotros, entonces de qué basta charla? Yo no voy a hacer una charla técnica, siempre suelo hacer charlas técnicas pero en este caso no lo voy a hacer, lo que voy a hacer es un pequeño repaso de lo que han sido los últimos 20 años en lo que a diseño y desarrollo móvil se refiere, no? Entonces bueno lo mismo, algunos se le escapa incluso una lagrimita nostálgica, entonces en el principio como decía mi abuelo todo esto era campo, no sé si se puede subir el volumen de la presentación. Entonces bueno, los mortales nos conectábamos a internet escuchando ese ruidito y bueno, la población española solo había un 2% de teléfono, o sea un solo un 2% de la población española, tenía un teléfono móvil entre manos, que además era, no sé si lo recordaréis, el motor o el atac servía para llamar, servía para construir edificios, daba lo mismo y bueno o sea el internet móvil no existía, un poco más adelante, 1998 aparecía el primer teléfono móvil con conexión a internet a través de WAP, este teléfono móvil que es el Nokia 7110, es una evolución del 8110 que es con el que Morfeo se comunicó con Neo, la primera vez que lo vimos, con su tapa extraíble y era el primer teléfono móvil en incorporar un navegador WAP y vamos a la primera sigla de mi presentación, WAP, significa WAP, WAP es Wireless Access Protocol, protocolo de acceso inalámbrico y era un protocolo creado por un consorcio de empresas que permitía la conexión a internet de hasta 56 ks por segundo, o sea una barbaridad, este móvil no podía con esa potencia y se conectaba con 14 ks por segundo, una barbaridad y bueno que era WAP, WAP era un conjunto de herramientas de protocolo que nos ofrecía un lenguaje de programación para hacer las páginas web adoc, un perro, en la... no sé si alguien la apilla, nos ofrecía un lenguaje propio para poder construir las páginas web que se podían ver con teléfonos como este, ese lenguaje propio se lo llamaron WML o Wireless Markup Language, como podéis ver, todo es un ejemplo muy sencillo de una página escrita en WML, pues él tiene su doctype WML, su cuerpo WML, como veis no tiene ni siquiera cabecera y este tipo de páginas se componían o se llamaban mazos, un mazo que estaba compuesto por cartas, cada carta digamos que era como una... como una slide ahora que lo pudiéramos llamar así, estaba muy limitado, era un subconjunto de HTML definido por este consorcio de empresas y incorporaba alguna serie de herramientas también una serie de instrucciones de cómo llevar esto a cabo, de cómo hacer páginas web para móviles, también tenía su versión de Javascript, el WML script, pero era muy pobre todo, de hecho aquí tenéis una captura de cómo era una página web, esto es una foto sobre un móvil real que me ha costa encontrarla a la misma vida, o sea he hecho buceo arqueológico por internet para conseguir esto, emuladores muchos, foto real esta, que habla sobre una misión en 2007, espacial y bueno aunque WML tenía soporte para tablas, imágenes en WBMP, era todo muy rudimentario, no nos ofrecía apenas nada, pero bueno eran los comienzos y había gente que se flipaba porque podían navegar por internet con su móvil, podían consultar correo, podían hacer barbaridades, avanzamos un poquito y nos vamos a 2001, en 2001 se creó la primera red 3G del mundo en Japón, no en Estados Unidos ni por supuesto en España, empezaron a avanzar un poquito las cosas no y en 2001 este móvil, sino que a 61 días lo petaba muchísimo, fue casi récord en ventas, ya se podían navegar a internet con esto, y bueno pues era una maravilla, yo todavía nos costaba entrar en lo que era la web en el móvil, era algo completamente residual, avanzamos un poquito más, en 2003 que en 2003 nació WordPress, el 27 de mayo se lanzaba la versión 0.7, esto lo meto aquí para hablar un poquito de WordPress, claro eso es lo que iba a comentar, gracias por el apunte, el día 27 de mayo de este año se cumple el 15 aniversario de WordPress, te van a celebrar fiestas en todas las mitas que lo hayan propuesto, en todas las mitas que quieran, va a estar muy chulo, va a ser un evento global durante todo el fin de semana con conexiones de una sede a otra, redes sociales, bueno aquí cada uno hará un poco lo que le parezca, pero va a estar muy divertido, yo desde luego ahora mismo vivo en Sevilla, estoy en la comunidad de WordPress Sevilla y allí creo que vamos a montar alguna cosilla, bueno avanzamos un pelín más, nos vamos a 2005 y en 2005 podíamos disfrutar de maravillas como ésta, esto es un Qtec, lo que luego vino a ser HTC, es un Pocket PC, esto estaba marcando ya el futuro, esto es un ordenador de verdad, antes ya había Pocket PC y había PDAs y tal, pero no valen para nada, esto ya era un ordenador de verdad, si veis hay una captura de Wikipedia de la versión WAP de la Wikipedia y lo comparamos con el tamaño de un euro para que veamos que bueno con esto también se podían construir algunos cortijones, perdón y qué pasó en 2007, vino este señor y dijo toma, se la sacó de la manga y sacó el iPhone y marcó el ejemplo perfecto de lo que tenía que ser un teléfono móvil, pantalla táctil, cámara de foto y conectividad, el primer modelo solo tenía wifi, el segundo vino un año más tarde con el 3G y ya entonces empezamos a utilizar todas las redes 3G, bueno empezamos a navegar un poquito mejor ya, cosas funcionan un poquito más rápido pero todavía todavía en la cosa no estaba del todo cerrada y vamos un poco en pañales, entonces en 2008 el W3C sacó el primer documento de buenas prácticas para desarrollo móvil, ya se empezaba a encender esa llama de que la web iba a ser móvil, había pronósticos como antes comentaba Luis sobre la ley de Mur de que bueno en breve los móviles iban a superar no solo las líneas fijas sino a la cantidad de personas que había en España, de hecho eso ocurrió creo que en 2006, 2007, bueno no tengo clases, tengo mucha cifra muchos años en la cabeza, como decía en 2008 el W3C sacó su documento de buenas prácticas y este documento de buenas prácticas venía a decir una cosa para que vamos a tener dos versiones de la web cuando podemos tener una, este documento estaba basado en un contexto de una web única pero bueno la gente se hizo una picha en un lío y al final lo que ocurrió es que empezaron a proliferar los sitios móvil, estaba la versión x.com luego estaba la versión móvil.x.com y eran sitios distintos, era un coñazo de mantener, bueno los que trabajábamos en aquella época yo casi lo vi el final de aquello pero era muy duro, era muy duro y no se había entendido bien lo que se quería con la web móvil, entonces un pelín más tarde y con las bases de este documento en 2009, en 2009 todavía se vendían modelos como estos, se vendían modelos alternativos a IOS y Android, estamos hablando de no hace ni diez años, estos son modelos que salieron a la venta ese año y ahora si queréis, salió este de Sony Ericsson o este que no lo recuerda, 58.0.0 pero ya se definió esto, esto lo todos lo conocéis, en 2009 se empezó a hablar de la media query que nos permitía utilizar el CSS función del tamaño del dispositivo, están proliferando dispositivos con unos tamaños de pantalla completamente dispares entre sí y al final esto era un problema porque ni siquiera esa web móvil, ese móvil.x.com que mencionaba antes, era capaz de asimilar la cantidad de resoluciones y de tamaños que te presentaban los teléfonos móviles, dos y medio, tres y medio, cuatro y medio, cuatro, cinco pulgadas, diferentes relaciones de aspectos. Entonces en 2010 nació este concepto, Izan Marcot publicó un post en su blog que fue la biblia del responsive web design. El responsive web design es diseño web adaptable, no es responsivo, el que diga responsivo no sabe hablar castellano porque es adaptable, es decir se adapta a cualquier dispositivo, aquí tenéis un ejemplo. ¿Qué ocurre con esto? Hice la gente, perfecto, sobre todo los desarrolladores y diseñadores, los diseñadores lo tienen un poco más chungo porque tenían que coger los bloques y ponerlos, pero los desarrolladores dijimos bien una sola web, solo tenemos que mantener una, que guay ¿no? Pero no, eso desató la locura. Clientes, jefes, implacablemente nos pedían que la web funcionara bien. En Firefox, en Chrome, en Internet Explorer 6, 7, 8, en el Safari de iOS, en el navegador de Android que venía por defecto, en el Chrome, en cualquier tamaño, en cualquier dispositivo, pantalla grande, pantalla pequeña, pantalla de cine, pantalla de smartwatch, no porque no había, pero casi. Era una locura, yo no sé si recordáis esta época, pero muchos, algunos se quedaron calvos, otros no salieron canas, etcétera, fue algo duro ¿no? Empezaron a proliferar herramientas que nos facilitaban un poco la vida. JQuery ya existía como ha comentado Luis antes, se leó JQuery Mobile, que era un framework que nos decía, Tomá, haz cosa en el móvil, ¿sabes? Haz cosas ahí, Tomá, te doy componentes, salió Angular también, la panacea, Angular 2010, a ocho años ¿eh? A ocho años, ¿quién usa Angular? Elevante la mano, ¿quién usa Angular? 4, 5, es una maravilla Angular, pero no ha convencido, ¿alguien utiliza JQuery Mobile o lo utilizó en su momento? Digo Mobile ¿eh? No JQuery. Vale, un poco más adelante, salió esta maravilla ¿no? Fundation, Fundation hace 2011 y Bootstrap también, y Bootstrap ya nos dio la libertad total, libertad creativa, podíamos hacer lo que quisiéramos, oculta cosas, muestra cosas, en pequeño me van hace seis columnas en más de 12 pasadas, ¿no? Eramos un poco más felices ¿no? 2013 salieron, 2013, cinco años ya, es que parece en tecnologías emergentes, pero no son tanto, salió Ionic, salió React, framework Javascript, que nos ayudaban a generar todas estas interfaces, todas las aplicaciones que necesitaban. Eramos felices ¿no? Todo iba bien, qué guay, fiesta, como por saco. 2015 se acabó la fiesta, 2015, hace tres años, ¿y qué pasó? Pues a ver, las webs que se hacían eran unas pasadas, eran súper guapas, como ha dicho anteriormente, y eran muy pesadas, eran unos monstruos que paqué, sí, sí, eran preciosas, preciosos, subpreciosos, pero no funcionaba, no funcionaba, la gente llegaba a la página, todo no carga, todo no carga, vaya mierda, me voy. Otra página, no carga, no carga, me voy. Cientos de miles de archivos de Javascript, 300 hojas de estilo, eso no va a ningún lado. Y bueno, si al final solo fuera cuestión de satisfacer a los usuarios, pues no hay ningún problema, usuarios que le jodan ¿no? El usuario al final entra, ve cosas, tal, pero no paga nada, bueno paga con sus datos, como decía Juan Hernando antes, ahí hay poca pasta, pero había un negocio, estaba muriendo, y era el negocio de los editores, son grandes periódicos, esas moles, esas compañías de miles de empleados que eran el modelo de negocio del buscador hegemónico que nos gobierna a todos. Y entonces surgió esto, AMP. Oye, que mira, que eso de la OneWeb que contábamos, eso es súper guay y tal, que mira, que ya no nos mola, nada, porque no tiene sentido. Vamos a volver a hace 20 años, nos vamos a inventar una cosa ahí, solo para móviles, que ya no nos gusta, por favor. ¿Todo para qué? Todo para satisfacer el poder del dinero. También salía el concepto de PWAA, Progressive Web App. Este un poco menos, aunque también es de la misma gente, pero este estaba más enfocado a satisfacer casi el usuario AMPs para satisfacer a los editores. Y bueno, al final, ¿en qué consiste AMP? Bueno, AMP, como he dicho, es para móviles únicas y exclusivamente dice Google en sus recomendaciones. No, AMP, haz lo responsí, que se va bien en cualquier dispositivo, pero solo lo vamos a mostrar cuando alguien navegue por móvil. Venga, vale, como son los que mandáis. Está escrito en HTML, se han sacado un subconjunto de HTML, creo que he repetido ya esa frase antes en la charla, basado en sus propios componentes, con sus propias herramientas, no te salgas de ahí, estas son mis reglas, síguelas. Y encima, si no las sigues, te voy a penalizar. Vas a desaparecer del mundo. Qué feo, ¿no? Está feo, está muy feo. Además, tus páginas no son tuyas, son mías, están en mi caché. Bueno, tú si tú vas tu página, tu versión AMP, yo cuando llegue a tu página, voy a rastrearla. Si me dices que tienes una versión AMP, llámela pela y me voy a tu página AMP, te la crauleo, me la llevo a mis servidores. Si tienes que refrescarla porque te has equivocado y has metido una palabra que no debías, pídemelo, porque ahora yo soy el dueño de tu contenido. Está feo también. Y como digo, los que estaban contentos son los editores, la Salsa con la pasta, han montado el negocio para ellos, periódicos grandes, estamos hablando del Washington Post, Fígaro, el país, todos estos se metieron ahí y sacaron su versión del HTML. Al final, esto en que se traduce, ¿no? Bueno, pues aquí tenemos el sitio de time.com, el periódico time, está hecho en WordPress, ¿vale? Esto es un WordPress. Y a la izquierda tenéis la versión no AMP, a la derecha tenéis la versión AMP. Como veis, es bastante parecido. Y esa es la idea. No, no, es que tu versión AMP tiene que ser igualita a que tu versión responsive. Pero es que lo que se puede hacer con responsive no se puede hacer con AMP. Pújate la vida, es que sea lo más parecido posible, porque es que si no el pobrecito usuario que es lerdo no se va a enterar de cuando navegan entre AMP y tu sitio. Venga, vale, también paso otra vez por el aro. Al final, esto se traduce, como he dicho, en que perdemos el control de nuestros contenidos, perdemos el control sobre lo que queremos hacer. Los componentes que nos ofrece AMP son para editores. O sea, son muro de pago, son videos de escenas de proveedores distintos de vídeos, son proveedores de analítica para distintos sistemas de métricas que me ha puesto a que el 90% de aquí ni ha oído hablar de ellos porque solo los utilizan a niveles gordísimos, en compañías enormes. Bueno, ahí está. A mí no me gusta. Lo digo así abiertamente. Lo conozco, precisamente lo conozco. Hay alguien por ahí que dijo, no, David Navia es el que más sabe de AMP en España. Bueno, no lo sé, pero me he returrado mucho con esto y mientras más lo trabajo, menos me gusta. Ahí lo dejo. Y ahora paso un poco a PWA. Voy a hacer un repaso rápido porque ya hemos tenido una buena aproximación esta mañana. PWA es responsive, no va ni para mobile, ni para esto, ni para nada. Va a cualquier dispositivo, en cualquier lugar, cualquier tamaño de pantalla. Porque surge esto. A ver, esto surge por el hecho de que tú estás pagando un desarrollador de IOS, uno de Android, uno de Microsoft, a lo mejor. Bueno, y al final la Progressive Web App lo que va a hacer es en beber una web HTML en un contenedor que se puede ejecutar en cualquier sistema operativo, cualquier dispositivo, cualquier tamaño de pantalla. Posar los responses. Esto está mejor, ¿no? Además utiliza HTML, CSS y JavaScript. El bueno, el del W3C, no el de un consorcio de empresas privadas. A ver, nos fiamos un poco más de esta gente que dice que son abiertos, que buscan el bien de la comunidad. La Cache, la Cache está en el usuario, como decía Luis. Se queda en el navegador. La información que consumimos se va quedando en el navegador. El contenedor de la aplicación se queda en el navegador. No está en una empresa privada, en Palo Alto, en el desierto de Atacama. Y está para todo el mundo. Cualquiera puede acceder a esto. Si quieres, te montas tu propia Progressive Web App y funciona. Y ahora bien, hilando con el evento en el que estamos. Bueno, perdón. Antes de ello, os voy a enseñar la diferencia entre una Web Responsive y la PWA. Esto es el Financial Times, que también está hecho con WordPress. Aquí tenéis la portada del Financial Times de hace como un mes. ¿Y se parecen en algo? Se parecen en nada. Final. Es la misma noticia, la que está en el titular, que Donald Trump amenaza con poner anzeles a la economía china y tal. Ni siquiera el titular es el mismo. O sea, no tiene nada que ver. Aquello es la Progressive Web App. Y esto es la Web Responsive. Bueno, y al final, como digo, hilando con este evento, ¿cómo se utiliza esto con WordPress? O sea, hay plugins. Siempre hay un plugin. Si alguna vez está en alguna charla mía anteriormente, esta depositiva es obligatoria. Siempre hay un plugin. I'm for WordPress, de Automatic. Qué malo, ¿eh? I'm for WordPress, lo que hace generar una versión de AMP para tus posts en WordPress, solo para los posts. Hace poco que voy a sacar una actualización también para páginas. Pero te provee un sistema muy corto en personalización. Hay muy poquito que puedas tocar. Si no eres desarrollador, te quedas ahí en lo más básico. Se puede extender luego con plantillas y tal. Pero bueno, no estamos allá. Y luego está este. I'm for WordPress. Perdón, I'm for WP. Que son de unos chicos indios. Esto es una maravilla. Bueno, a ver. Es un DB, pero de AMP. Es un compositor visual. Han utilizado el core de la anterior. De hecho, cuando instalas los dos de golpe, si activas este, el otro se desactiva. Está como enbebido. Y lo he dicho, es un compositor visual en el que puedes hacer de todo. Te pinta lajon en AMP, archivos, páginas, categorías, custom post types, lo que quieras. Puedes personalizar a muerte. Espacharlo un ratito. Pero bueno, ahí está. Ahí os dejo las referencias por si queréis hacer vuestros pinitos. ¿Y qué pasa con PWA? O sea, tenemos que currarnos lo a mano y tal. Son muy duros, ¿no? Bueno. O sea, otro plugin. De hecho, hay tres o cuatro. Cuando hice la presentación, los dos más curiosos así que encontré fueron este, Super Progressive Web App, que hace un poco lo mismo que el primero de AMP. Te provee de una infraestructura de Progressive Web App. Yo no soy capaz de ponerlo en pie. Pero bueno, oye, ahí está. Y luego encontré este otro, Progressive Web App de PWA Atems, que lo que hace es probarte un tema que está hecho como Progressive Web App. Uno, Free, el resto Pro. Bueno, ahí está la referencia. Y bueno, pues nada más. Ahora, a ver, ¿qué hace una reflexión? A mí, sobre dónde vamos, no tan en plan técnico, sino en el plan de comunidad de contenido. AMP es un producto propietario de una empresa que hará lo que quiera, cuando quiera y como quiera, porque es suyo. Y encima te está amenazando y te está obligando a que lo utilices. Yo no sé si todos lo sabéis, pero creo que es en junio van a cambiar el algoritmo otra vez. Hace poco cambiaron el algoritmo y dijeron, no, la web ya no es web y web móvil. Ahora todo es web, pero todo es web móvil. Y me he perdido. Sí, ahora todo es web móvil. En fin, pues ahora en junio, va a decir, no, ahora todo ya no es web móvil. Ahora todo es AMP. Si no tienes AMP, te vas para abajo y te vas a la segunda página o la tercera o a la cuarta. Al final eso qué es pasar por el aro, ¿no? Tenemos que pasar por el aro. Es la época que nos ha tocado vivir. Así que nada, yo me voy a ir despidiendo, me están echando y además tendréis hambre. No sé si tenéis alguna pregunta. Por allí hay un chico. Espera, ¿qué te pasa en el micro? Me dicen que solo tenemos tiempo para una, así que... ¿Puedes hablar un poco de esto que mezcla las dos cosas? Lo de PWA y AMP. O sea, PUAM, ¿qué se llama? Perdón. O sea, es como una mezcla de lo de Progressive Web Apps. Sí. Con AMP. ¿Estás hablando de que hay una tecnología que mezcla las dos cosas? No sé si la hay, pero se está hablando de ella, por lo menos. Pues yo no la conozco. En ese sentido no te puedo ayudar. No sé si te referirás a eso, pero han sacado un componente en AMP que lo que haces una vez que carga la versión de AMP con un Service Worker especial, empieza a cargarte la Progressive Web App. No sé si te refieres a eso. Pero de todas maneras, sí, tú tienes que tener tu versión de AMP la versión de la Progressive Web App. Y con este pequeño componente lo que hace es que si el usuario entra en la versión AMP, por detrás va cargando Javascripts y assets de la versión Progressive Web App por si el usuario clica en algún link y para seguir leyendo o para ir a la home o lo que sea, ya la Progressive Web App, la carga de la Progressive Web App sea más instantánea todavía. Eso es la única conexión que hay. Un aplauso para Luis, por favor.