Café con Tech

Jamstack, Wordpress & Vue with Kevin Cunningham

August 02, 2021 Matias Hernández / Kevin Cunningham Season 3 Episode 3
Café con Tech
Jamstack, Wordpress & Vue with Kevin Cunningham
Show Notes Transcript

In this fun episode, we chat about the fascinating world of Jamstack with the amazing Kevin Cunningham (@dolearning) a math teacher that found a new love in the craft of software.
Kevin is a fellow egghead instructor publishing content about Jamstack and Vue.

I was really curious about Vue so we had a nice chat about that where Kevin was convincing me about Vue (check his new course).

Found more about Kevin by following him on Twitter, checking his content on egghead, subscribing to his newsletter, and checking his new ebook! "Off With Your Head: How to confidently build a Headless WordPress CMS "


Music Credits

Opening and Outro Music by DanoSongs https://danosongs.com/

Background Music Music:

Iron Bacon by Kevin MacLeod Link: https://incompetech.filmmusic.io/song/3925-iron-bacon License: https://filmmusic.io/standard-license

Auth0
Auth0 es una plataforma de autenticación y autorización lista para usar en tu app!

Cloundinary MDE
Energizing a diverse community of developers to share knowledge using media technology in web apps.

Escuela Frontend
Conviértete en un Frontend Dev Profesional Contenido de alta calidad para mejorar tu carrera!

Support the show (https://www.buymeacoffee.com/matiasfha)

Español

Matias:
[00:00:00] Soy Matías Hernández, y esto es Café con Tech 

[00:00:21] Mi nombre es Matias Hernandez soy un ingeniero de software chileno que actualmente trabaja con cleverTech. También soy instructor de egghead.io y escritor técnico. Ahora sin más preámbulos, comencemos con el programa

[00:00:38] y gracias a los patrocinadores de este programa Auth0 y el programa Cloudinary Media Developer Expert .

[00:00:44] Auth0 proporciona una plataforma de autenticación y autorización fuera de la caja para cualquier aplicación con sólo unas pocas líneas de. Consulta la increíble documentación y ejemplos en auth0.com y Cloudinary

[00:00:58] El programa MDE es una comunidad de desarrolladores para compartir conocimientos, experiencia y mejores prácticas de uso de la tecnología multimedia en aplicaciones web y móviles. Compruébalo en cloudinary.com.

[00:01:22] Así que bienvenidos a este tercer episodio de café con Tech en esta temporada especial en Inglés hoy conmigo es Kevin Cunningham. Él es un desarrollador independiente educador en egghead. Bienvenido Kevin. Gracias por, gracias por estar aquí. 

[00:01:40] Kevin: [00:01:40] Gracias por recibirme Matías. Estoy muy contento de ser 

[00:01:43] aquí. 

[00:01:43] Matías: [00:01:43] Sí. Y esto es increíble.

[00:01:45] Sí, exactamente. Al otro lado del mundo en el norte. Y cruzando el océano. Estoy en Chile. Usted está en Inglaterra. ¿En qué parte de Inglaterra estás 

[00:01:56] ¿usted? 

[00:01:56] Kevin: [00:01:56] Sí, estoy en la costa sur de Inglaterra justo en el fondo. Así que, si nado, puedo llegar a Francia en unas pocas horas. Pero yo no lo aconsejaría, pero es técnicamente posible.

[00:02:10] Matías: [00:02:10] Sí. Sí. Así que esto es increíble. Estoy muy emocionado por la próxima charla de este episodio. Kevin, sólo para empezar las cosas puedes. hacer una pequeña presentación sobre ti y dónde estás haciendo? Básicamente lo que te gusta 

[00:02:25] hacer 

[00:02:26] Kevin: [00:02:26] Genial. Sí. Bueno, soy Kevin. Yo, sí, vivo en Brighton, que es una especie de parte soleada de Inglaterra, que no es, no dice mucho, especialmente para las personas que viven en Chile.

[00:02:38] Pero sí, he sido educador la mayor parte de mi vida. Así que pasé 12 años enseñando matemáticas de secundaria a niños de 11 a 18 años. Y al mismo tiempo estaba desarrollando y haciendo algunas cosas en el lado y luego decidió que en realidad iba a desarrollar a tiempo completo y por lo que dejó el aula hizo el desarrollo y se perdió la enseñanza.

[00:03:03] Y mientras continuaba, mi tipo de viaje de desarrollo independiente también he ampliado mis habilidades de enseñanza y trató de enseñar a otros desarrolladores y ayudarles a, para subir de nivel. Así que sí, así que me encanta trabajar con la variedad de tecnologías de WordPress y PHP para reaccionar el siguiente y ver.

[00:03:27] Y la mayoría de JS me gusta, para saltar y jugar con ellos también. Así que es una especie de bolsa mixta de tecnologías. Me gusta jugar con ellas enseñando. 

[00:03:38] Matias: [00:03:38] Antes de saltar a eso y a la pila de tecnología y a la charla de tecnología y ¿por qué saltas? ¿Cuál es ese cambio de carrera? 

[00:03:48] Kevin: [00:03:48] Sí. Oh, gracias. Supongo que estuve enseñando durante mucho tiempo y no sé cómo, cómo es la enseñanza en Chile, pero sé que en, en el Reino Unido es bastante.

[00:04:02] Puede ser una profesión emocionalmente agotadora. Sí, sólo

[00:04:09] Sí, sí, sí. Y entonces, la gente se va en uno o dos años. A mí me fue bastante bien quedarme durante 12 años. Y creo que fue, literalmente, mentalmente, yo estaba luchando la salud mental sabio, físicamente. Y yo, yo, me sentí como. La edad de jubilación para un profesor en este momento es de 68 años. Así que son 33 años. Yo estaba mirando a otros 35 años de estar en un aula de matemáticas de secundaria.

[00:04:40] Y pensé, Hmm, debe haber otra forma de hacerlo. Debe haber tal vez más que eso, que esto. Y así, sí, fue triste dejar el aula para ser justos. Disfruto, y disfruto de las. Interacciones. Y disfruto de la iluminación de los ojos cuando la gente entiende las cosas y yo ayudé a que eso ocurriera y a que alguien hiciera ese viaje.

[00:05:05] Pero en un aula de 30 alumnos, hay que controlar a la multitud, tratar de gestionar las emociones de los adolescentes y conseguir que la gente termine los exámenes y apruebe los planes de estudio. Y en realidad gran parte de la alegría de aprender se pierde en medio de todo eso. Así que creo que fue una especie de combinación de cosas, pero creo que al salir.

[00:05:34] El aula, redescubrí mi amor por el aprendizaje en mi amor por la enseñanza también. Así que es un poco triste que haya tenido que dejar la educación para darme cuenta de que amaba la educación, pero ahí está. 

[00:05:46] Matías: [00:05:46] Sí. Es 

[00:05:47] tipo de sistema, ¿verdad? Me gusta la educación es más como estar sentado detrás de su compañero de clase y escuchar a su maestro.

[00:05:57] Siento, te siento, mi esposa es. Es porque nunca ha dejado de ser profesora. Ella es profesora de biología ahora como haciendo consultoría para la maternidad y otros aspectos de la vida. Y mi mamá fue maestra hasta hace poco con 60 años. No recuerdo muchos años y sí, pero les encanta enseñar. Y también hice algo de docencia en la universidad.

[00:06:22] Y es realmente agradable ese ¡Ahá! Momento, que la bombilla ahora cuando se encendió eso, pero es realmente diferente entre la universidad donde cuando la gente se supone que le gusta estar allí frente a los niños que tal vez no quieren estar en su matemáticas 

[00:06:36] clase, 

[00:06:37] Kevin: [00:06:37] tranquilo y enseñando matemáticas. Hay mucho. Mucho miedo que la gente tiene alrededor de las matemáticas.

[00:06:44] Y eso lo encuentro, y todavía lo encuentro de vez en cuando, cuando la gente me conoce por primera vez en las fiestas. ¿Recuerdas las anteriores a COVID Matias? ¿Te acuerdas de las fiestas? ¿Te acuerdas de 

[00:06:57] camino 

[00:06:57] antes? Pero cuando la gente me conoce y se entera de que soy profesor de matemáticas, temen que vaya a poner a prueba sus matemáticas y rápidamente dicen, oh, soy muy malo en matemáticas.

[00:07:11] O no me preguntes. O como, hay un montón de miedo envuelto en las matemáticas, que es realmente triste porque es, es increíble. Y es realmente interesante y creativo, pero creo que perdemos mucho de eso en un sistema que por las tareas y la por la gente que necesita para terminar y para medir en contra de ella. 

[00:07:31] Matías: [00:07:31] I 

[00:07:31] disfruté. En mi época de matemáticas, estudié ingeniería básicamente por eso.

[00:07:37] Y aprendí mucho de cálculo y de eso. Obviamente no uso nada de eso y bastante, o multiplico números con otra calculadora ahora mismo. Pero de todos modos, estamos, sigo siendo un ingeniero. ¿Y qué, cuando acaba de empezar a aprender sobre el desarrollo de software en realidad?

[00:07:57]Kevin: [00:07:57] Así que soy el típico niño friki de nueve años con mi espectro.

[00:08:06] Tenía como libros de la biblioteca donde copiaba el código y lo escribía en mi ordenador y sin grabar en mi tip. C del código en mi TF. Y así que el código siempre ha sido realmente una parte de mi vida. Y como profesor, yo estaba construyendo una especie de pequeño. Una especie de aplicaciones web para mis estudiantes, para ayudarles a aprender y para probar algunas cosas.

[00:08:28] Correcto. Pero fue hace unos cinco años cuando tomé una decisión, en realidad, esto probablemente me gusta mucho. Y si yo, si voy a. No como, suena mal, pero si voy a escapar de las aulas, esta es una esta es una posible ruta para poder lograr ese objetivo. Y sí, así que he profundizado y leído.

[00:08:52] Y creo que lo que sucedió, hice un bootcamp remoto que realmente me ayudó a entender cómo las cosas que había tipo de aprender. Sin estructura en los años que proceden encajan juntos. Y así, el bootcamp me ayudó más a conseguir un marco mental sobre cómo frontend backend bases de datos y la interacción de donde se puede utilizar diferentes códigos, diferentes tipos de código y para diferentes propósitos.

[00:09:24] Pero sí, y luego trabajé con una agencia. La construcción de galerías, bibliotecas, archivos y museos. Así que tratar con todo tipo de que los elementos de la colección de, de la biblioteca británica y tipo de tipo de 8 millones, 80 gigabytes de datos de búsqueda y tipo de un montón de terabytes de imagen, los datos para gestionar y para, para mostrar y, y hacer cosas interesantes con.

[00:09:52] Y sí, recientemente he estado trabajando con clientes. Pensando en prototipos. Ayudando a las empresas a probar sus ideas con prototipos funcionales para que puedan decidir si gastar o no cien mil dólares en la construcción de algo desde la posición de haber probado una versión de ello.

[00:10:14] Muchos proyectos divertidos y mucha diversión. 

[00:10:17] Matías: [00:10:17] Sí. Es muy bonito hacer esa fase de prototipo para los clientes, y también es un lugar para aprender e incluso probar cosas nuevas, cierto. Por ejemplo, sí. Voy a probar este nuevo marco de lenguaje, lo que sea, sólo porque puedo sí. De, sólo desde el comienzo de su carrera de desarrollador, usted decidió que quería crear contenido educativo, o esto es algo que acaba de suceder cuando usted descubre que usted tiene estas habilidades como profesor y luego, espera, sólo tengo que usarlo

[00:10:52] Kevin: [00:10:52] Nunca hemos estado en el plan. No creo, creo que estaba quemado. Es de la enseñanza y pensé, oh, voy a dejar esa enseñanza. Pero como dices nunca dejaste de ser profesor, como decías de tu mujer y de tu madre, y ahí está el después de un año o dos, quedó claro. Oh, en realidad, yo, yo quiero.

[00:11:12] Me gusta, usar mis habilidades de nuevo y mirar hacia atrás y, y, y, y devolver a la comunidad también. Así que sí, no era una parte inicial del plan, pero es una especie de, es lo que realmente disfruto más. Así que sí, es, se ha convertido en una parte más grande de mi plan como el tiempo ha pasado. 

[00:11:34] Matías: [00:11:34] Así que te conviertes en un instructor de huevos.

[00:11:36] Y a partir de ahí, ya tienes dos cursos en la plataforma. Así que tienes uno sobre WordPress sin cabeza. Sí. Así que usted está en JAMstack nerd, como usted Amor ese lugar. Y también tienes otro en Vue. 

[00:11:55] Kevin: [00:11:55] Hmm, en realidad que para cuando salga este episodio, salga, será lanzado.

[00:11:59] Pero mientras lo grabamos, conseguimos que se publique A en una semana. Lo que es muy emocionante. Así que sí. Así JAMstack, creo que es épica y hay increíble. Es genial. Y creo que y cuando, cuando estabas hablando de ser capaz de probar nuevas tecnologías para la fase de prototipo. Creo que el JAMstack es realmente adecuado para la creación de prototipos y escala muy bien para, para aplicaciones de producción completa también.

[00:12:28] Pero lo que descubrí fue que WordPress tenía un poco de mala reputación entre los desarrolladores. Tiene ese tipo de todos esos documentos, esa cosa de WordPress. Eso es lo que yo. La gente no sabe realmente lo que están haciendo cuando, cuando se convirtió en WordPress. Y hay un, hay un poco de un como un esnobismo o como un, no es un código real.

[00:12:56] Y así que estaba muy emocionado de, para mostrar WordPress. Como una plataforma muy potente para, para sin cabeza, tanto como un CMS sin cabeza utiliza graphQL muy bien donde se puede modificar los tipos de datos, usted puede tener un montón de diferentes maneras de presentar el contenido. Y es una manera muy agradable para nuestros creadores de contenido para ser capaz de mezclar cosas que luego podemos obtener los datos.

[00:13:25] Y, y crear experiencias de usuario fresco utilizando cualquier marco que queremos pegar en el frente. Así que la gente de desarrollo fresco todavía puede jugar con su SvelteKitsand su su react y su Vue y la gente, la gente que crea el contenido. Pueden tener una plataforma de creación de contenidos fiable.

[00:13:46] Eso está siendo probado por, ya sabes, las grandes empresas de medios de comunicación y por muchos creadores de contenido en todo el mundo. Así que creo que es realmente un. Estoy casado. Así que sí, headless WordPress fue mi primer curso que lancé. Y luego la vista ha sido a veces estoy trabajando en este curso durante unos meses, y estoy muy emocionado por ello.

[00:14:07] Creo que va a ser, estoy muy emocionado tanto para compartirlo con la gente, pero también estoy disfrutando, estoy deseando unir los puntos de entre headless, WordPress y vista para ayudar a tipo de eso para unirse a que, para ser capaz de ser un nivel. 

[00:14:23] Matias: [00:14:23] Es muy divertido, empezar a pensar en eso en el contenido de un curso, y luego descubrir que puedes llenar los agujeros en tantos aspectos del curso que puede crear una especie de historia completa de contenido.

[00:14:37] Es realmente divertido y sorprendente. Me detendré un poco en el Vue y volveré desde allí para WordPress headless y JAMStack en caso de que alguien todavía esté viviendo bajo la roca y no sepa lo que es JAMStack. Puede usted, no quiero ser malo, pero sí, no se oye al menos el término. El concepto JAMstack es porque usted no está alrededor de los desarrolladores de código fresco cita y cita

[00:15:04] Sí. Sí. ¿Y qué es JAMStack y por qué debería estar emocionado? 

[00:15:10] Kevin: [00:15:10] Hm. Así que JAMStack, la J AM significa JavaScript, APIs y marcas. Así que es una especie de marco de trabajo de JavaScript. Normalmente llamo a las APIs y luego presento esa clase de markdown o markup. Así que llega a HTML en el otro extremo.

[00:15:27] Lo que más me gusta de JAMstack es la separación entre cómo se almacenan los datos y cómo se crean. Reunidos y creados y curados. Y luego cómo se presenta al usuario. Yo, cuando estaba trabajando con los museos de la FA, a menudo les gusta usar Drupal, que es otro tipo de PHP monolítico de sistema de gestión de contenidos y, ya sabes, el cambio de una cosa en el backend no es una especie de

[00:16:04] el efecto de todo lo que se necesita cambiar para conseguir algo y hacer que algo se vea diferente en la parte delantera, hay una especie de equipo completo para poder llegar allí. Lo que me gusta de JAMstack es que obtenemos los datos y estamos separando eso. Muy bien. Así que estamos diciendo, Hey creadores de contenido.

[00:16:21] Usted va a crear sus datos y no vamos a cambiar mucho en usted. Usted, usted puede ser confidencial, puede crear su contenido y Hey, usted crea un desarrolladores de front-end o especialistas en datos creativos para querer elaborar estos datos y hacer algo interesante. Usted puede utilizar cualquier herramienta. Que le gustaría que puede consumir la API, el a en el medio de JAMstack que consumen esos datos y puede hacer algo con él para hacer una gran experiencia para sus usuarios en el extremo delantero.

[00:16:51] Así que esa es la M es una especie de markdown y HTML. Realmente vemos cuando, cuando abrimos nuestras páginas web y disfrutar de la experiencia que hay. I 

[00:17:02] Matias: [00:17:02] realmente amo que JAMStack tipo de es la herramienta perfecta. Para los desarrolladores freelance o pequeñas agencias, porque como que cortas una pieza entera del proceso que es dev ops.

[00:17:18] Ya no te preocupas por las operaciones de desarrollo. Sí. Y un poco de backend puede ser eliminado a veces porque a veces estás haciendo cosas sin servidor y, pero las experiencias de dev ops enteras ya no son necesarias porque sólo estás usando servicios y hablando de servicios. Todavía hay un montón de opciones. Así que cuando usted está hablando de CMS o CMSs sin cabeza, hay un montón que he estado usando al menos cinco para los diferentes proyectos y por qué eligió WordPress.

[00:17:48] Usted ya ha mencionado un poco allí. Como piezasWordpress es una especie de todavía el 70% de los sitios web se construye en. Me inventé eso 

[00:17:57]Kevin: [00:17:57] pero tomé un buen número. Es un gran número en, dependiendo de con quién hables. Está entre el 20 y el 60%, dependiendo del día. Y dependiendo de lo que estés contando 

[00:18:07] Matias: [00:18:07] incluso 20 es mucho para ser una tecnología.

[00:18:13] Y, y creo que la mayoría de la gente utiliza WordPress por lo menos hace cinco años antes de la decadencia de la experiencia, que es la cuestión, el rendimiento. Y, y sabemos que para el creador, para el escritor, es realmente, realmente increíble. Y estoy viendo, lo siento. Y vi algunos usos extraños de WordPress, como para crear páginas, no sólo el contenido de la lectura, como la configuración de las piezas de una página para que pueda utilizar idealmente para mí.

[00:18:47] Cómo va esa experiencia. 

[00:18:50] Kevin: [00:18:50] Así que tipo de utilizarlo como supongo que podemos, nosotros, WordPress puede almacenar los datos en un número de maneras. Así que hay formas en las que puedes tener los datos en bruto para diferentes campos que luego puedes consumir en el front-end. Despojado de cualquier markdown o cualquier tipo de cualquier estilo o clases que usted podría añadir a su, a su HTML

[00:19:13] podemos obtener el, ya sabes, un campo numérico o un campo de texto que no tiene nada en él también, de modo que cuando llegamos a la parte delantera, no estamos teniendo que. Para despojar a cabo o para analizar de ninguna manera, podemos simplemente saber qué tipo va a ser. Y luego está el, donde otra, otra forma de usar WordPress headlessly es donde permitimos que el editor de contenido utilice la experiencia de edición llamada Gutenberg dentro de WordPress, que es una especie de bloque basado.

[00:19:43] Y si has utilizado como medio o cualquiera de la otra clase de como fantasma o cualquiera de los otros tipos de cosas que puede crear contenido en bloque Gutenberg como un editor basado en bloques como eso, donde usted puede decir, derecho, quiero poner una imagen aquí y tipo de obtener un bloque con diferentes atributos para eso.

[00:20:02] imagen, Y tal vez usted quiere una cita y quiere que el derecho. Alineado. Y tienes todos los atributos incorporados en el bloque. Y luego sólo consumimos eso a través de la API. ¿Se puede estilizar eso o interceptarlo y mejorarlo de alguna manera? Así que sí, la experiencia de edición puede ser bastante similar para si alguien está construyendo su sitio completo en WordPress.

[00:20:28] Pero obviamente con el JAMstack, tenemos ciertas cosas que a menudo tenemos una experiencia más rendimiento, especialmente si construimos estáticamente para que alguien está llegando a nuestro sitio web. Y lo obtienen de una CDN, la red de entrega de contenido bastante cerca de ellos. Así que lo obtienen bastante rápido y todo el sitio ha sido construido.

[00:20:50] Así que no hay que llamar a una base de datos. No hay que esperar ese viaje de ida y vuelta. Cada vez que paso una página o cada vez que hago clic en un enlace, toda la información ya está ahí. Así que tendemos a tener más experiencias de rendimiento. Cuando usamos un JAMSTack con WordPress, tiende a ser más seguro. No estamos porque, debido a la casi la misma razón, no estamos golpeando la base de datos.

[00:21:12] Y de hecho, el front-end nunca necesita saber dónde está WordPress. Así que no hay, podemos ocultar en un sub-dominio o en un lugar completamente diferente para que th th no hay vectores de ataque para, para cualquier hackers que podrían querer conseguir, llegar a su base de datos. Así que es el rendimiento es seguro. Y 

[00:21:32] Matias: [00:21:32] realmente, si eres realmente paranoico puedes construir , todo en tu ordenador.

[00:21:37] Y su ordenador y sólo empujar esto a la, CDN que, que se siente tanto como FTP de los años noventa, como empujar los archivos, los archivos estáticos, a la CDN

[00:21:50] Kevin: [00:21:50] Sí, así es. Lo hace. Se siente un poco así. Muy bien. Pero sí. Y creo que así, así que el, así que creo que WordPress, hay, como usted dice, hay tantos CMS sin cabeza para elegir.

[00:22:03] Personalmente, no uso WordPress para todos los proyectos. Si un cliente tiene una especie de pequeño, tiene, tiendo a pensar en WordPress como ser realmente útil y potente cuando hay un nivel de personalización y hay un nivel de, de tipo, la claridad que el cliente tiene sobre lo que quieren y lo que parece.

[00:22:24] Y queremos hacerlo más a su medida. Creo que WordPress es. Es genial que podamos cambiarlo y adaptarlo y hacer que se adapte a un cliente exactamente de la manera que quieren, pero hay un montón de niveles libres y realmente potentes, libres de otros CMS sin cabeza es que usamos Prismic para muchos de nuestros clientes cuando estamos, cuando estoy trabajando con los clientes, yo uso Prismic mucho.

[00:22:49] Tiene. Un nivel gratuito generoso. Y si sólo estás probando con unos pocos cientos de usuarios, entonces eso no es una locura, está bien. Ya sabes, otros como Strapi y quiero decir, yo, tú, si buscas en Google headless CMS a través, estás viendo página tras página, tras página de, de un producto realmente grande. Supongo que, nombrar un 

[00:23:11] Matias: [00:23:11] pocos para ser, sólo para ser sólo, sí, 

[00:23:14] Kevin: [00:23:14] sólo para ser 

[00:23:14] Matías: [00:23:14] justo.

[00:23:15] Sí, tenemos Prismic sanity Contentfull , GraphCMS y Strapi . Acabas de mencionar que incluso podemos utilizar AirTable y Ghost como CMSyeah, sí. Sí. Una cosa que sé con certeza acerca de la experiencia de WordPress para mi hace años es que el CMS está estructurado. Lo que hizo el creador ver. Es realmente agradable en Wordpress porque es realmente elaborado para eso.

[00:23:44] Pero en las otras es bueno y no está mal del todo, pero no es 

[00:23:49] Kevin: [00:23:49] lo mismo. No, no, creo que es es la gente tiene, WordPress es probado y probado y probado, pero es opensource. Es, ha sido, ha sido probado desde los últimos 20 años. Correcto. Y creo que tenemos algunos de los beneficios de esa longitud de tiempo de, de hecho un producto realmente sólido, accesible.

[00:24:14] Encuentro que para, para los editores de contenido, encuentran la experiencia de accesibilidad. Del backend de WordPress para ser realmente sólido, que no siempre es cierto si algunos de los otros entornos sin cabeza, sin cabeza para, para los usuarios con movilidad que algunos de los, algunas de las formas en que WordPress han tratado de resolver esos problemas son, a menudo no son tan bien considerado en algunas de las otras plataformas que hacemos.

[00:24:45] Matías: [00:24:45] Sí. Eso es. Por suerte, no tengo ningún, ningún problema físico. Así que no puedo asegurarlo, pero yo, lo que sí tengo claro es que el estado actual de la web, la web no es realmente accesible en absoluto. Y creo que el equipo de WordPress es tan grande y el tiempo y muchas personas de que esa facilidad es algo que ya se ocupan.

[00:25:10] Sí. Pero en su curso, usted está hablando de CMS sin cabeza con chica gráfico y w donde es. juego graphQL entró en el campo. 

[00:25:22] Kevin: [00:25:22] Sí, quiero decir, por lo que el gráfico QL hay, hay, hay unos pocos plugins que el triunfador, pero el principal en el PSA de WordPress llamado WP gráfico QL es creado por un tipo llamado Jason Bahl que ahora trabaja para uno de los grandes lugares de alojamiento de WordPress, motor de WP y graphQL

[00:25:42] Para quien no lo conozcaç, cuando accedemos a los datos. Usando una API. Normalmente lo solicitamos o bien con una API restful o bien con una API soap, si eres de hace mucho, mucho tiempo. Desgraciadamente yo todavía tengo que interactuar con alguna API soap. Me siento muy afortunado. Sí. Las APIs de jabón son, son una cosa de, de, de horrores donde tienes que construir.

[00:26:09] archivos XML y enviarlos allí y luego parsearlo, y pasar de nuevo, pero sí, ya se ha dicho lo suficiente sobre SOAP así, pero así Rest y luego GraphQL, el beneficio de QL gráfico frente a Rest es que se llega a pedir lo que quiere que es grande. Las APIs, tenemos una especie de, tenemos una ruta que consultamos. Con algunos parámetros puede ser, o con la, con la ruta más definida que obtenemos de vuelta.

[00:26:39] Todo lo que esa ruta tiene para nosotros, sólo podría ser un ahogado en el contenido que esa API podría estar enviando de nuevo a nosotros con un gráfico QL endpoint. Llegamos a decir lo que exactamente lo que queremos en el extremo delantero solicita que y obtener exactamente esa caja. Así que lo que pasa por el cable es la cantidad mínima que necesitamos.

[00:27:01] Y luego si queremos cambiar eso, si queremos añadir más información a la llamada dada. Podemos hacer eso desde el extremo delantero. Así que no tenemos que tipo de hacerlo en dos lugares y no tenemos que actualizar la API de descanso y luego actualizar la llamada. Y así podemos hacerlo en un solo lugar, lo cual es una gran optimización.

[00:27:23] Sí, 

[00:27:23] Matias: [00:27:23] Llevo tres años trabajando con graphQL, quizás, quizás más en mis proyectos, soy el afortunado. Y es increíble que tenga este middleware. Me gusta llamarlo así porque es una especie de capa de abstracción en la parte superior del backend, y entonces usted puede construir cualquier forma de datos que desea y ofrecer a frontend.

[00:27:48] Eso tiene sentido. ¿Qué estás usando para consumir esos datos? ¿En particular? 

[00:27:55] Kevin: [00:27:55] En realidad no lo hacemos. Así que hay un, estamos realmente sólo se centra en la creación y el mantenimiento de ese backend. Así que estamos tratando de cortar esa línea. Como decías, que estaban cortando esa línea y diciendo, Oye, así es como puedes exponer la API.

[00:28:11] Que puedes ir y consumir de la manera que quieras. Pero lo que estamos haciendo es que estamos construyendo la API. Estamos mostrando las cosas que podríamos hacer con ella y y, y cómo podríamos crear esa experiencia de edición. Pero, pero, pero ese, ese siguiente paso yo como que, y con algunas señales hacia donde podrías ir, ya sabes, cómo podrías consumirlo

[00:28:36] Hay uno, un lado del cliente. He trabajado para Sega, y están construyendo su, hemos utilizado WordPress sin cabeza con ellos para uno de sus juegos de ordenador reciente. Y eso es una construcción de Gatsby. Así que tiene que ser consume eso. Y hace ese tipo 

[00:28:52] Matias: [00:28:52] es una especie de Gatsby natural por la capa de graphql que ofrecen

[00:28:58] sí. 

[00:28:58] Kevin: [00:28:58] Sí. Y luego, otro cliente que usamos headless. Next.JS, que es en realidad el, el marco de reactores que tiendo a preferir. Pero, pero sí, es una especie de, yo, nosotros, esa es la alegría de un headless de un CMS sin cabeza es que podemos, podemos consumirlo con lo que nos apetezca jugar. Sé que has estado disfrutando de algunos SvelteKit en la última semana o así.

[00:29:24] Así que puedes, puedes consumir tu Wordpress sin cabeza con Svelte. Sí. Yo no 

[00:29:29] Matias: [00:29:29] sido, no en ese lugar todavía. Sólo consumiendo un poco de Rest API aquí y allá, pero ha sido muy divertido. Y eso me lleva inmediatamente. Gracias por eso. Para el enlace a Vue en una de las razones que estoy trayendo interesado en Vue es porque me enteré de En realidad, me enteré de la exsistance de Vue, muchos, muchos, muchos años atrás, pero nunca tuvo la oportunidad de probar. Y por alguna razón, Svelte resonó conmigo y estoy leyendo mucho sobre eso. Y Vuew tiende a aparecer como amigo, de Svelte , incluso Vite el kit de herramientas que fue construido por Evan You. el creador de Vue es en realidad utilizado por SvelteKit para, para, para construir cosas.

[00:30:15] Así que son amigos y cualquier cosa completamente diferente del mundo de las reacciones. Sí. Ya lo has mencionado. El siguiente es tu atasco cuando estás hablando de react, pero empezaste a cavar, a cavar, a profundizar en Vue tan profundamente que creaste. un curso. Sí. Así que cómo me vas a vender a mí como desarrollador de react principalmente y desarrollador de react, el uso de 

[00:30:45] Kevin: [00:30:45] Vue

[00:30:46] sí. Quiero decir, creo que para mí, yo no soy, un evangelista para el marco de la elección. Sí. Así que, ya sabes, me gustaría que yo soy realmente, de la opinión de que estás siendo productivo en tu equipo y tus objetivos con react. Probablemente no necesites Vue. Seamos, seamos honestos. Usted probablemente como usted es probablemente.

[00:31:08] De acuerdo. Si estás, pero los paradigmas son similares. Hay algunos, hay un montón de solapamiento y en algunos de los conceptos. Pero si vienes a si no has explorado un marco de JavaScript antes creo que Vue es potencialmente más accesible. Inicialmente, si sabes, algo de HTML y luego Vue es, es, es fácil, no es fácil es, es, es más sencillo ver cómo, cómo puedes subir de nivel.

[00:31:41] una página HTML para usar Vue que para, traer react entonces encuentro que incluso para algo bastante simple con react que requiere potencialmente una herramienta de construcción, requiere ya sabes, JSX, requiere algunas otras piezas o remo que con la vista se puede poner en marcha al igual que usted podría con jQuery con un solo tipo de etiqueta de script cayó en su HTML

[00:32:09] así que, vale. Sí, exactamente. Exactamente. Aunque, nuestro, nuestro, nuestro, nuestro compañero instructor cabeza de huevo Tomasz es un, es un gran fan de jQuery. Así que no podemos ser, no podemos ser demasiado malos con jQuery. Sí. Bueno, demasiado 

[00:32:23] Matias: [00:32:23] Tomasz estará en el programa hablando de jQuery. Sí, 

[00:32:29] Kevin: [00:32:29] exactamente. Pero sí, pero Vue es, me parece que es realmente útil en un montón de maneras que encuentro bien, una de las cosas, cuando empecé a aprender react, me parece un reto fue que el, el ecosistema es grande, pero bastante fracturado.

[00:32:47] Hay un montón de soluciones para muchos problemas diferentes y el enrutamiento y las pruebas y la gestión de datos. Y usted está allí.  No hay una forma oficial, oficial de react o, o me gusta una especie de forma no aprobada de react o, o una, o una forma recomendada de react. Y así tendemos a encontrar como un, un Frankenstein de diferentes bibliotecas juntos para tipo de esperanza de que todos ellos de pie y, y no molestar a los demás demasiado.

[00:33:20] Sí. Vue me parece que tiene, ya sabes, Vue router VueX, que es su gestión de datos y la biblioteca de pruebas V. Hay un montón de cosas que están en la familia de Vue, y una de las cosas que encuentro útiles en los frameworks es que no tengo que tomar decisiones sobre todo de inmediato.

[00:33:43] Puedo ir con lo mejor, lo que se recomienda y confiar en que eso me va a llevar lejos. Por lo menos lo suficiente hasta que pueda resolver si estoy de acuerdo o no con las decisiones que el marco está sugiriendo, pero me lleva a ser capaz de avanzar 

[00:33:59] Matías: [00:33:59] Al menos te ofrecen una especie de base estándar.

[00:34:03] Y como dijiste antes, hablando de WordPress o cualquier otra solución es como, , la idea es ser productivo y hacer las cosas y con react en cierto punto, eso es difícil. Así que me encanta React y estoy enseñando React y todo eso, pero es difícil al principio cuando empiezas, porque necesitas tomar decisiones sobre tantas cosas que obviamente quien aprenda de mí, tal vez tomemos la misma decisión que yo y yo tomé la misma decisión que otros, pero no estoy muy seguro si todos.

[00:34:40] Realmente cierto. Y, y si algún nuevo jugador viene en su camino, podría cambiar eso porque ¿por qué no? Pero con Vue, has mencionado que todo viene con una base. Pero puedes, puedes cambiar en el futuro, ¿verdad? Sí, 

[00:34:55] Kevin: [00:34:55] sí. Completamente libre y flexible es. Y es adaptable para poder hacer eso.

[00:35:01] Una de las cosas que realmente me gusta de Vue también son los archivos de un solo componente o componente de un solo archivo, que creo que Svelte tiene un tipo similar de es agradable. Es agradable tener palabras. Sí. Es genial tener el marcado y el estilo y la lógica para un solo componente. Contenida en un solo archivo.

[00:35:23] Estoy seguro de que tienes experiencia en el tipo de conejo holgura, tratando de. Entender cómo funciona un solo componente, ya que está llamando a servir de gancho, llamando a otras funciones en otras partes de la base de código y, y tratando de lidiar, especialmente con un desconocido podría ser como para tratar de ser claro acerca de lo que es esto tratando de hacer y cómo lo está haciendo?

[00:35:47] Matias: [00:35:47] Sí, creo que es la misma razón del framework no opinable, o de la librería React, que ella, que hay tantas maneras de hacer las cosas. No todas las formas buenas, pero tantas formas. Entonces a veces caes, caes en algún código base, y es difícil de seguir porque lo que sea, algunos, alguien tomó diferentes decisiones.

[00:36:09] Pero al menos mi experiencia con Svelte que es poco poco, sin embargo es que es. Es realmente fácil de seguir porque todo está allí y está allí, pero no manggled porque usted todavía tiene bloques. Como en cualquier cosa que usted es el mismo como usted ha mencionado, como la plantilla HTML es uno. Con la lógica en otro lugar vienen sólo en la parte superior.

[00:36:32] Y luego el estilo, el fondo está en, ya es modular. Esa es otra cosa que con react, no tienes eso. Tienes que empujar las cosas juntas para obtener estos módulos CSS. Y esto es fuera de la caja se construye.Vue es el mismo derecho?

[00:36:46] Kevin: [00:36:46] Sí, exactamente. Sí. Y también está limitado a ese componente. Así que, ya sabes, puedes dar estilo a un elemento de golpe tres en ese componente y no molestar a ningún otro componente de golpe tres construido en otra parte de tu, de tu aplicación.

[00:37:01] Así que sí, quiero decir, es, me parece que el tipo de componente de archivo único es realmente poderoso. Pero dijeron, como, estamos diciendo que sólo hay una sola manera de hacerlo. Con Vue. También hay con Vue tres, tenemos esto, un par de nuevas APIs. Tenemos una API de composición, que es una especie de me hace pensar en un montón de ganchos dentro de un tipo de contexto react.

[00:37:28] Y tenemos algunas otras formas de declarar los datos declarados y de entender los componentes. Así que. Porque mi hay este estamos en este lugar extraño y no estoy seguro si usted hace mucho con Python o he hecho mucho con Python. Pero cuando empecé a codificar con Python hace unos 10 años, había una especie de Python.

[00:37:47] Dos fue increíble. Pero, pero Python. Bueno, sí, Python tres. Era como... E incluso ahora algunas personas todavía no están dispuestas a, a dejar sus viejas bibliotecas de Python dos porque como que están, como que se han aferrado a ellas. Así que hay tantos cambios de ruptura. Hay tantas manos que rompen, ¿verdad? Por supuesto. Pero Vue dos y a Vue tres.

[00:38:12] Así que Vue tres fue lanzado el año pasado. Es, no ha sido un cambio de ruptura. Ha habido muy pocos cambios de ruptura, pero es una reescritura completa de la base de código. Es más rápido, tiene más rendimiento. Pero también tiene diferentes APIs que se pueden utilizar y para definir y. Componentized y pensar en los componentes.

[00:38:33] Así que estamos en una especie de mundo extraño de Vue en este momento donde algunas bibliotecas no han hecho esa transición a Vue tres. Así que algunos desarrolladores que, que conocían la librería, tienen su librería familiar, amigable, que no ha sido vertida a V3 todavía, no están dispuestos a dar el salto ellos mismos. Así que tenemos una especie de pie en cada campo donde necesitamos, especialmente si estamos en.

[00:39:00] Todas nuestras bases de código más antiguas. Tenemos un campo de necesidades de alimentos donde estamos necesitando tipo de ser conscientes de cómo algo podría haber sido en Vue dos. Y cómo Vue tres es diferente de, y por qué estoy, por qué eso podría ser capaz de ser, para ser útil. No creo que sea como no creo que vaya a ser tan a largo plazo como lo fue Python dos, tres, y ciertamente no es como, como, como.

[00:39:25] Algo violento. Siempre me imaginé el lugar y dos o tres cosas sería como Guido. Que es su tipo de dictador autodesignado el dictador benévolo. Sí. Sí. Ese es el término que estaba buscando. Exactamente. Soy Guido siempre tuve que imaginar que él conseguiría tanta comida de la cadera después de la pitón y tres tipo de transición, pero creo que ha habido algunos, pero una de las cosas que.

[00:39:51] Para mí, lo mejor de Vue ha sido la comunidad. Ya sabes, siento que se puede decir mucho acerca de la fuerza de nuestro proyecto por la welcomeness. No creo que sea una palabra, pero la bienvenida que uno siente y el, el inglés abierto. Sí. De las comunidades que están alrededor, este lenguaje. Y encuentro que la comunidad Vue, la comunidad Vue es realmente acogedora.

[00:40:20] Ellos van a aceptar realmente el documento aquí. Para ser realmente de primera categoría y me parece que es una muy buena señal para un marco y para cualquier pieza de software, si la gente pone el tiempo en hacer la documentación de grano que dice mucho para la comunidad y para la empresa lo que está pasando detrás. Así que sí, creo que sí.

[00:40:41] Creo que hay muchas cosas que decir, como opiniones definitivamente. Definitivamente vale la pena, vale la pena explorar. Y donde encuentro un montón de gente que, que son desarrolladores de reacción por día. A veces vamos a girar el Vue de vez en cuando para sus proyectos de lado por la noche porque se encuentran que es, puede ser más rápido para ponerse en marcha de vez en cuando a, con, con un proyecto Vue.

[00:41:07] Así que. Si usted, si usted está construyendo y reaccionar y desea otro tipo de una pluma en su, en su policía, otro tipo de forma de expresar las cosas que creo que Vue es realmente vale la pena y muy divertido para explorar. Así que no, no escuches a Matias cuando intente convencerte de que si sólo me sentí bien,

[00:41:26]

[00:41:26] Matias: [00:41:26] Hice un experimento con Vue y fue muy raro porque era Vue.

[00:41:33] Pero envuelto con componentes web. Oh, sí. Nunca, nunca, otra vez, pero eso, creo que fue Vue dos, porque fue como dos años ? . Y, pero una cosa que realmente me encanta en ese momento fue, como usted ha mencionado, la comunidad y la documentación, y una cosa es siempre me sorprendió es que hay tres principales competidores en los marcos de JavaScript fue mundo Angular por Google.

[00:42:01] React por Facebook y Vue por la comunidad. 

[00:42:05] Kevin: [00:42:05] Exactamente. 

[00:42:06] Matias: [00:42:06] Fue Evan Tú. Evan Usted creó pero la comunidad , moverlo a la parte superior. Y es uno de los más grandes y hay mucha documentación. Hay un montón de código. Hay un competidor para el siguiente. Que es, que es nuxt

[00:42:19] Kevin: [00:42:19] Knox. Sí. Sí. 

[00:42:21] Matias: [00:42:21] Y, y estaba revisando Nuxt cuando salté a SvelteKit y creo que ahí.

[00:42:29] Yo, yo, sí, venderé SvelteKit, porque es increíble. Pero también lo vendo. Vamos a decir que lo mismo similar a Vue. Pruébalo, prueba Vue si quieres un aire fresco en tu proceso de desarrollo. Y, y una cosa que es ciertamente cierto es que ponerse en marcha con reaccionar en, en términos de aplicación de una sola página. es molesto tal vez si usted va para Siguiente Será más fácil porque hay opiniones en la parte superior de eso.

[00:43:00] Como el router y con Vue, ya tienes esas cosas. Suena muy bien. Algo para probarlo. Y para, volviendo, para la creación de contenidos, Vue y WordPress y todo eso, ¿qué estás haciendo ahora mismo? Estuviste haciendo algunos talleres sobre Vue. ¿Cómo fue eso? 

[00:43:23] Kevin: [00:43:23] Sí, así que eso fue todavía, fue muy divertido. Y creo que estoy sobre todo en el momento en que he estado mirando tipo de ponerse en marcha.

[00:43:33] Familiarizarse con Vue. Creo que lo que me entusiasma pensar ahora, una vez que este curso está en vivo en el mundo es tipo de unión de los puntos y tipo de, ya sabes, ser capaz de ser, a, para crear proyectos que podría liberar al mundo y ser, y estar orgulloso de usted sabe, su próxima cosa tipo de inicio construido en Vue.

[00:43:52] Así que sí, lo que estoy haciendo en este momento, sí, sólo más, más de eso. Ya sabes, me encanta enseñar y me encanta aprender. Y me apasiona tratar de ayudar a otros a, a, a disfrutar de eso también. Creo que como desarrolladores, siempre estamos aprendiendo ya sabes, hay, hay esa realidad que algunos, creo que algunos, nosotros, sabemos que.

[00:44:16] Los lenguajes de hoy en los marcos de trabajo de hoy se verán muy diferentes a los de hace cinco y diez años. Ya sabes, que nos reiremos de lo que solíamos hacer. Y existe esa realidad de necesitar seguir con nuestro aprendizaje. Creo que yo. Una de las formas en que aprendí el bajo es enseñando.

[00:44:38] Sé que, si algunos de tus oyentes han sentido que no pueden enseñar o que no tienen nada que enseñar es bueno decir, Oye, ¿qué podrías enseñar tú mismo? ¿Hace una semana? ¿Qué sabes ahora que ese Matías de la semana pasada no sabía porque hay otro, hay otro desarrollador en algún otro lugar del mundo que se beneficiará de tu visión?

[00:45:02] Así que simplemente, pensé. Sigue enseñando también. Sólo animo a todo el mundo a, para escribir blogs y crear contenido sólo para sí mismos, sino también para, para todos nosotros para beneficiarse de ella. 

[00:45:15] Matías: [00:45:15] Es curioso porque tiendes, todo el mundo tiende a pensar que no tienes nada que enseñar, pero por ejemplo, yo he estado indagando en Prismic.

[00:45:24] Svelte y todo eso, y todavía no he escrito nada. Tengo unas notas y porque lo haré. Es divertido. Como, vale, he construido esta cosa, bla, bla, bla. Y me tomó una hora, dos horas y es increíble. Y estoy emocionado, pero es, se siente como si acabara de leer la documentación. Así que lo que puede enseñar.

[00:45:43] Bueno, puedes enseñar a leer la documentación, lo has podido hacer y no sabías cómo hacerlo hace cinco minutos, ahora ya sabes cómo hacerlo. Bien. Que alguna otra persona que no es capaz de leer la documentación como tú, porque tienes experiencia en mi caso.  Puedes ayudarles. Y eso es increíble.

[00:46:02] Yo, también repito tu mantra de, tener, hacer un aprendizaje "dolearning" y enseñar. Claro que sí. Es increíble. Así que, ¿y cómo fue tu reto de dos artículos en una semana sigue en curso? 

[00:46:20] Kevin: [00:46:20] Me he quedado un poco atrás, pero sí, todavía, todavía estoy tratando de conseguir más estamos manejando un, por un artículo a la semana tal vez.

[00:46:29] Nos morimos de ganas de una, pero sí, bueno, ya está bien de recordármelo. Debería volver a ese tren. Sí. 

[00:46:35] Matías: [00:46:35] Sí. Fue divertido. No fui capaz de mantener el ritmo más de un mes quizás. Sí. Pero sí, es, es, es muy divertido y, bueno estamos casi al final de este episodio, y este es el momento donde te pregunto sobre un poco, pocas cosas.

[00:46:53] Como. ¿Hay algo que usted puede recomendar a la audiencia, lo que este no es exactamente la tecnología o puede ser, pero lo que te gusta recomendar a alguien. 

[00:47:08] Kevin: [00:47:08] Así que estoy mirando alrededor de mi escritorio para ver si. ¿Qué he estado viendo recientemente? Así que hemos estado, Ooh Hay malos dramas criminales en el Reino Unido.

[00:47:27] Sí. Yo soy, soy un, soy un campista y mi familia y yo, ir a acampar por un montón y nos encanta acampar, pero acabo de, me da vergüenza decir, hablar de ello, pero acabo de conseguir un nuevo kayak. Que es, llamado un kayak ORU. Y no puedo recomendarlo porque aún no ha llegado, pero estoy muy emocionada con él y es un kayak de origami.

[00:47:52] Se pliega en una caja como un origami japonés y se despliega y la caja se convierte en parte del kayak. Así que yo, casi quiero recomendarlo aunque lo tengo. En realidad lo tengo todavía porque estoy muy entusiasmado con él, pero, pero sí, 

[00:48:10] Matias: [00:48:10] Me parece increíble que se pueda doblar. 

[00:48:15] Kevin: [00:48:15] Bueno, sí, quiero decir, no tengo una nuestra furgoneta no tiene una baca y como a la idea de tratar de conseguir una especie de un kayak pesado en la parte superior me ha estado poniendo fuera, conseguir una moto de agua por un tiempo.

[00:48:29] Pero esto puede caber en la parte trasera de la furgoneta. Es como un tipo de maleta de tamaño y que tipo de llevar a todas partes con usted. Así que, y puedes facturarlo como equipaje también. Así que la próxima vez que venga a Chile y podamos, podemos ir a hacer kayak con mi ORU 

[00:48:43] kayak.

[00:48:44] Matias: [00:48:44] Hay unos ríos increíbles por los alrededores, no cerca de mi ciudad, pero cerca de todos modos.

[00:48:53] Así que sí. La siguiente pregunta es tu enchufe. ¿Qué te gusta para enchufar hoy? como algo que estás orgulloso, obviamente cursos estaban hablando de eso, pero estamos que se puede encontrar donde la gente puede encontrar 

[00:49:07] eso. 

[00:49:08] Kevin: [00:49:08] Así que, mis cursos están disponibles en egghead ya sabes, que es una gran plataforma de aprendizaje con, tengo mucho, tengo mucho tiempo para antes de convertirse en un instructor y haber trabajado estrechamente con el equipo.

[00:49:19] Sí. Tengo tanto tiempo y respeto por ellos que esos tipos, esa gente de allí es brillante. Pero escribo un boletín semanal al que puedes suscribirte en mi página web, kevincunningham.co.uk. Y sí. Comparto formas de ayudarnos a aprender y a subir de nivel y señalo recursos y cosas divertidas que encuentro en la web en la última semana.

[00:49:43] Así que sí, así que, mi boletín de noticias, voy a dejar un enlace para, para sus notas del programa. Sí. Sí. 

[00:49:49] Matias: [00:49:49] Todos los, los cursos que la cuenta de Twitter un boletín de noticias y el sitio será en las notas del programa y también el enlace a esa cosa de origami kayak. Bien. Kevin, tenemos, estamos. Finalmente terminando este episodio.

[00:50:05] Y no sé si tienes algo más que decir, si quieres compartir algunas ideas, lo que sea. 

[00:50:12] Kevin: [00:50:12] Bueno, estoy, estoy, estoy realmente agradecido por la oportunidad de estar aquí. Te he seguido desde que, desde que te uniste a egghead como lo que es realmente emocionante para, para mí es ser capaz de decir hola a su público.

[00:50:27] Y sólo, sólo para decir. Para elogiarte con el contenido en español que estás creando, que es simplemente increíble y excelente. Así que gracias por recibirme Matías y sí. Sigue, sigue con el trabajo de hacer que la web sea menos monolingüe. 

[00:50:47] Matías: [00:50:47] Sí. Sí. Yo, sigo haciéndolo porque esta temporada es en inglés.

[00:50:52] Kevin: [00:50:52] Sí. Lo sé. ¿Qué estás haciendo? 

[00:50:55] Matías: [00:50:55] Un salto de fe. Mi audiencia habla español, pero estoy haciendo esto porque, sí, porque conozco a mucha gente que habla inglés. y no puedo invitarlos a como tú a venir a hablar en español, pero puedo traducir esto en las transcripciones y compartir este contenido en español a mi audiencia en un, todavía llegar a otra audiencia que todavía estoy como en el medio porque trabajo para empresas de habla inglesa.

[00:51:26] Así que si quiero compartir mi trabajo, el trabajo lateral con ellos, esta es la manera, pero no quiero perder la comunidad española todavía. Así que sí, eso es, todavía está en curso. Así que salto una temporada especial de fe y la tercera temporada de café 

[00:51:39] con Tech. 

[00:51:41]Kevin: [00:51:41] Sí. Bueno, brillante. Bueno, intentaré aprender más español a partir de nuestra próxima, para nuestra, para nuestra próxima vez juntos.

[00:51:46] Matias: [00:51:46] Ojalá podamos hacer otro episodio y si es en español. Increíble. Si no es increíble de todos modos. Así que, gracias Kevin gracias por estar aquí fue divertido. Y un honor tenerte en el programa, 

[00:51:59] Kevin: [00:51:59] Gracias por recibirme Matias.

[00:52:01] Matías: [00:52:01] Dirígete a cafecon.Tech para ver el archivo completo del programa y leer las transcripciones en inglés y en español.

[00:52:08] No olvides suscribirte al programa en tu aplicación de podcast favorita. Y dejar una reseña si te ha gustado el programa te pillo la semana que viene. Y como siempre sigue 

[00:52:27] Codificación. 



English

Matias: [00:00:00] I'm Matias Hernandez, and this is Café con Tech 


[00:00:21] My name is Matias Hernandez I'm a Chilean software engineer currently working with cleverTech. I am also an egghead.io instructor and a technical writer. Now without further ado, let us start with the show

[00:00:38] and thanks to the sponsors of this show  Auth0  and Cloudinary  Media Developer Expert program .

[00:00:44] Auth0  provides an out of the box authentication and authorization platform for any application with just a few lines of. Check the  incredible documentation and examples on auth0.com and Cloudinary

[00:00:58] MDE program is a community of developers to share insight, expertise, and best practices of using media technology in web and mobile application. Check it out on cloudinary.com.

[00:01:22] So welcome to this third episode of cafe con Tech in this special season in English today with me is Kevin Cunningham. He is a freelance developer educator instructor at egghead. Welcome Kevin. Thank you for, thank you for being here. 

[00:01:40] Kevin: [00:01:40] Thank you for having me Matias. I'm very happy to be 

[00:01:43] here. 

[00:01:43] Matias: [00:01:43] Yeah. And this is amazing.

[00:01:45] Yeah, you are exactly. At the other side of the world in the north. And  crossing the ocean. I'm in Chile. You are in England. What part of England are 

[00:01:56] you? 

[00:01:56] Kevin: [00:01:56] Yeah, I'm on the south coast of England right at the bottom. So I, if I swim, I can get to France in a few hours. But  I wouldn't advise that but it is technically possible.

[00:02:10] Matias: [00:02:10] Yeah. Yeah. So this is amazing. I'm real excited for the upcoming talk of this episode. Kevin, just to start things out can you. Do a little presentation about you and where are you doing? Basically what you like to 

[00:02:25] do 

[00:02:26] Kevin: [00:02:26] Cool. Yeah. Well, I'm Kevin. I, yeah, I live in Brighton, which is sort of the sunny part of England, which isn't, doesn't say very much, especially for people who live in Chile.

[00:02:38] But  yeah, so I have been an educator for most of my life. So I spent 12 years teaching secondary mathematics to 11 to 18 year olds. And  along side that I was developing and sort of doing some stuff on the side and then decided actually I was going to develop full-time and so left the classroom did developing and missed teaching.

[00:03:03] And so while I was continued, my sort of freelance developing journey I've also then con Broadened my teaching skills and sought to sort of teach other developers and help them to, to level up. So yeah, so I love working with the variety of technologies from WordPress and PHP to react the next and view.

[00:03:27] And most JS I like to, to jump in and play with as well. So kind of a a, a mixed bag of technologies. I enjoy playing with them teaching. 

[00:03:38] Matias: [00:03:38] Before jumping into that and the tech stack and the tech talk and why you jump? What is that change in careers? 

[00:03:48] Kevin: [00:03:48] Yeah. Oh, thanks. I guess  like I was teaching for a long time and I don't know how, how teaching is in Chile, but I know in in, in the UK it's quite a.

[00:04:02] It can be quite a emotionally exhausting profession. Yeah, just

[00:04:09] Yeah, yeah, yeah. And so the   know, people leave within a year or two. I did quite well staying for 12 years. And I think it was literally mentally, I was struggling mental health wise, physically. And I, I, I just felt like. I the retirement age for a teacher at the moment is 68. So it's 33. I was looking at another 35 years of being in a secondary math classroom.

[00:04:40] And I thought, Hmm, there must be another way to do that. There must be there's maybe more than that, than this. And so, yeah, it it was sad to leave the classroom to be fair. I enjoy, and I enjoy the. Interactions. And I enjoy the, the lighting up of eyes as people understand stuff and I helped help make that happen and help someone travel that journey.

[00:05:05] But in a classroom of 30 students, It's a lot of crowd control, a lot of like trying to manage emotions of teenagers and get people to finish exams and to pass curricula. And actually a lot of the joy of learning is lost in the midst of all of that. So I think it was kind of a combination of stuff, but I think in leaving.

[00:05:34] The classroom, I rediscovered my love of learning on my love of teaching as well. So it's a bit sad that I had to leave education to realize I loved education, but there you go. 

[00:05:46] Matias: [00:05:46] Yeah. It's 

[00:05:47] kind of the system, right? I like education is more like be seated behind your classmate and hearing your teacher.

[00:05:57] I feel, I feel you, my wife is. Is because you're never stopped being a teacher. She is a biology teacher now as doing consultancy for motherhood and other aspects of life. And my mum was a teacher till recently with 60. I can't remember many years old and yeah, but they love to teach. And I also did some teaching on the university.

[00:06:22] And it's actually really nice that Aha! Moment, that light bulb now when you sparked that, but it's really different between university where when people it's supposed to like to be there versus the kids that maybe don't want to be in your math 

[00:06:36] class, 

[00:06:37] Kevin: [00:06:37] quiet and teaching mathematics. There's a lot of. A lot of fear that people have around mathematics.

[00:06:44] And I find that and I still find this from time to time when people meet me for the first time at parties. Do you remember those before COVID Matias? Do you remember parties? Do you remember 

[00:06:57] way 

[00:06:57] before? But when people  meet me and and they hear that I was a math  teacher, they were afraid I was going to test their maths and we were quickly say, oh, I'm very bad at maths.

[00:07:11] Or don't ask me. Or like, there's a lot of fear wrapped up in mathematics, which is really sad because it's, it's amazing. And it's really interesting and creative, but I think we lose a lot of that in a system that to by tasks and the by people needing to finish and to measure against it. 

[00:07:31] Matias: [00:07:31] I 

[00:07:31] enjoyed. My math time, I studied engineering because of basically that.

[00:07:37] And I learned a lot of calculus and of that. Obviously I don't use any of that and I quite some, or multiply numbers with other calculator right now. But anyways, we are, I'm still an engineer. And what, when just started learning about software development actually?

[00:07:57]Kevin: [00:07:57] So  I'm was the, sort of the typical geeky nine-year-old with my sort of spectrum sort of get it.

[00:08:06] I had like books from the library where I'd copy out code and type it into my computer and unrecorded on my tip. C of the code onto my TF. And so I code has always been really a part of my life. And as a teacher, I was building sort of small. Sort of web apps for my students to kind of, to help them learn and to, to test some stuff.

[00:08:28] Right. But it was about five years ago when I sort of made a decision, actually, this probably I really like this. And if I, if I'm going to. Not like, it sounds bad, but if I'm going to escape the classroom, this is a this is a possible route to be able to achieve that goal. And yeah, so I've just dug deep and read.

[00:08:52] And I think what happened, I did a remote bootcamp which really  helped me to to understand how the things I'd kind of learn. Without structure in the years proceeding fit together. And so the bootcamp helped me more to get a mental framework about how frontend backend databases and the interaction of where you might use different code, different types of code and for different purposes.

[00:09:24] But yeah, and then I worked with I worked for an agency. Building for galleries, libraries, archives, and museums. So dealing with sort of all of that collection items of, of the British library and sort of like sort of 8 million, 80 gigabytes of search data and sort of  lots of terabytes of image, data to manage and to, to display and, and do interesting things with.

[00:09:52] And yeah, recently I've been working with clients. With thinking about prototypes. So helping businesses test out ideas with functional prototypes so that they're, they can work out whether or not to spend a hundred thousand dollars to on, on building something from a position of having tried a version of it.

[00:10:14] Lots of fun projects and lots of fun to be had. 

[00:10:17] Matias: [00:10:17] Yeah. That's quite nice to do that prototype phase for clients, and it's also a place to learn and even try new things, right. Like, yeah. I will just try this new language framework, whatever, just because I can yeah. From, just from the start of your developer career, you decided that you wanted to create educational content, or this is something that just happened when you find out that you have this skills as teacher and then it, wait, I just need to use it

[00:10:52] Kevin: [00:10:52] It we've never in the plan. I don't think, I think I was burnt out. It's from teaching and thought, oh, I'm going to leave that teaching behind. But like you say you never stopped being a teacher, like you were saying about your wife and mother, and there is the after a year or two, it became clear. Oh, actually, I, I want to.

[00:11:12] Like to, to sort of use my skills again and to sort of look back and, and, and, and give back to the community as well. So yeah, it wasn't an initial part of the plan, but it's kind of, it's what I actually enjoy most. So yeah, it's, it's become a bigger part of my plan as time has passed. 

[00:11:34] Matias: [00:11:34] So you become an egghead instructor.

[00:11:36] And from that from there on you, already have two courses actually in the platform. So you have one about headless WordPress. Yep. So you are at JAMstack   nerdy, like you Love that place. And also you have another in Vue. 

[00:11:55] Kevin: [00:11:55] Hmm, actually that by the time this episode come out, comes out, it'll be released.

[00:11:59] But as we record it, get A's released in one week time. Which is very  exciting. So yeah.  so JAMstack, I think is epic and there's amazing. It's great. And I think that and when, when you were talking about Being able to try new technologies for the prototype phase. I think the JAMstack is really well suited for prototyping and scales really well for, for full, full production applications as well.

[00:12:28] But what I was  finding was that  WordPress was kind of getting a, has a bit of a bad reputation among the cool developers. It has that kind of all those docs, that WordPress thing. That's what I. The people don't really know what they're doing when they, when they turned WordPress. And there's a, there's a bit of a like a snobbery or like a like a, it's not real code.

[00:12:56] And so I was really  excited to, to to show WordPress. As a really powerful platform for, for headless, both as a headless CMS uses graphQL really well where you can modify data types, you can have lots of different ways to present content. And it's a really nice way for our content creators to be able to actually mix stuff that we can then get the data.

[00:13:25] And, and create cool user experiences using whatever framework we want to stick in the front. So the cool developer people can still play with their SvelteKitsand their  their react and their Vue and people,  people creating the content. Can have a reliable content creation platform.

[00:13:46] That's kind of being battled tested by, you know, large media houses and by lots of content creators around the world. So I think it's a really. I'm married. So yeah, headless WordPress was my first course I released. And then view has been sometimes I'm working on for a few months this course, and I'm really excited about it.

[00:14:07] I think it's going to be, I'm really excited both to share it with people, but also I'm enjoying, I'm looking forward to joining the dots of between headless, WordPress and view to help sort of th to join that together with, to be able to be a level. 

[00:14:23] Matias: [00:14:23] It's really fun to, to start thinking in that in a course content, and then figure out that you can fill the holes on so many aspects of the course that can create kind of a entire history of content.

[00:14:37] It's really fun and amazing. I will stop a little bit on the Vue and come back from there for WordPress headless and JAMStack in case someone is still living under the rock and don't know what JAMStack is. Can you, I don't want to be mean, but yeah, you don't at least hear the term. The concept JAMstack is because you are not around the cool developers code quote and quote

[00:15:04] yeah. Yeah. And so what is  JAMStack and why I should be excited? 

[00:15:10] Kevin: [00:15:10] Hm. So JAMStack, the J AM stands for JavaScript,  APIs and markups. So it's it's sort of a JavaScript framework. Normally I'm calling the   APIs and then presenting sort of that markdown or markup. So it hits  HTML on the other end.

[00:15:27] What really  cooler by, by by JAMstack for me is the kind of it's the separation between how the data is stored, how the data is. Gathered and created and curated. And then how it's presented to the user. I, when I was working with museums the FA the, they often like to use Drupal, which is another PHP monolithic kind of content management system and, you know, changing one thing in the backend there is kind of

[00:16:04] the knock on effect of everything that needed to change to get something and to make something look different on the front, there's kind of a whole team to be able to get there. What I love about JAMstack is that we get the data and we're separating that. All right. So we're saying, Hey content creators.

[00:16:21]  You go create your data and we're not going to change that much on you. You, you can be confidential, you can create your content and Hey, you create a front end developers or creative data specialists to want to craft this data and make something interesting. You can use any tools. That you would like that can consume the API, the a in the middle of JAMstack that consume that data and  can do something with it to make a great experience for your users on the front end.

[00:16:51] So so that's the the M is kind of the markdown and HTML. We actually see when we, when we open up our web pages and enjoy the experience that's there. I 

[00:17:02] Matias: [00:17:02] really love that JAMStack  kind of it's the perfect tool. For freelance developers or little agencies, because you kind of cut an entire piece of the process that is dev ops.

[00:17:18] You don't care about dev ops anymore. Yeah. And a little bit of backend can be removed sometimes because sometimes you are doing serverless stuff and, but the entire dev ops experiences not required anymore because you are just using services and talking about services. There is still a lot of options. So when you're talking about CMS or headless CMSs, there's a lot I've been using at least five for the different projects and why you choosed   WordPress.

[00:17:48] You already mentioned a little bit there. Like piecesWordpress is kind of still the 70% of websites is built in. I made up that 

[00:17:57]Kevin: [00:17:57]    but I took pretty good number. It's a big number on, depending on who you talk to. It's  somewhere between 20 and 60%, depending on the day. And depending what you're counting 

[00:18:07] Matias: [00:18:07] even 20 is a lot to be one technology.

[00:18:13] And, and I think that most of the people used WordPress at least five years ago before the decadence of the experience, that is the question, the performance. And, and we know that for creator, for the writer, it's really, really amazing. And I'm see, sorry. And I saw some weird usage of WordPress, like to create pages, not only reading content, like set up the pieces of a page so I can ideally use it for myself.

[00:18:47] How that experience goes. 

[00:18:50] Kevin: [00:18:50] So sort of to use it as I guess we can, we, WordPress can store the data in a number of ways. So there are ways that you can Just have the raw data for different fields that you can then consume on the front end. Stripped out of any markdown or any kind of any styling or classes that you might add to your, to your HTML

[00:19:13] we can just get the, you know, a numerical field or a text field that has nothing in it too, so that when we get to the front end, we're not having to. To strip it out or to parse it in any way, we can just know what type it's going to be. And then there's the, where another, another form of using WordPress headlessly is where we allow the content editor to use the editing experience called Gutenberg within WordPress, which is kind of block based.

[00:19:43] And if you've used like medium or any of the other kind of like ghost or any of the other kinds of things that you can create content in block Gutenberg as a block-based editor like that, where you can say, right, I want to put an image in here and you kind of get a block with different attributes for that.

[00:20:02] image,  And maybe you want a quote and you want that right. Aligned. And you've got all the attributes built into the block. And then we just consume that over the API. Are you able to style that or to, to intercept that and make that enhanced that in some way? So yeah, the editing experience can be quite similar for whether or not someone's  building their whole site on WordPress.

[00:20:28] But obviously with the JAMstack, we have certain things that we often have a more performance experience, especially if we statically build so that someone's coming to our website. And they're getting it from a CDN, the content delivery network quite near them. So they get that quite quickly and all of the site has been built.

[00:20:50] So there's no calling out to a database. There's no waiting for that roundtrip. Every time I turn a page or every time I, I click on a link, all the information is already there. So we tend to have more performance experiences. When we use a JAMSTack with WordPress, it tends to be more secure. We're not because, because of the almost the same reason, we're not hitting the database.

[00:21:12] And in fact, the front end never needs to know where WordPress is. So there's there it's, we can hide it on a sub domain or in a completely different place so that th th there's no attack vectors for, for any hackers who might want to get, get to your database. So it's performance it's secure. And 

[00:21:32] Matias: [00:21:32] really, if you are really paranoid you can build , everything in your computer.

[00:21:37] And your computer and just push this to the, CDN that, that feels so much as FTP from the nineties, like pushing the files, the static files, to the CDN

[00:21:50] Kevin: [00:21:50] yeah, it does. It does. It feels a bit like that. All right. But yeah. And I think that so, so the, so I think WordPress, there are, as you say, there are so many headless CMS to choose from.

[00:22:03] Personally, I don't use WordPress for every project. If a client has a sort of a small, has, I tend to think of WordPress as being really helpful and powerful when there's a level of customization and there's a level of, of sort of, clarity that the client has about what they want and what it looks like.

[00:22:24] And we want to make that more bespoke to them. I think WordPress is. It's great that we can change it and we can adapt it and we can make it fit a client exactly the way they want, but there are lots of free and really powerful, free tiers of other headless CMS is we use Prismic for a lot of our clients when we're, when I'm working with clients, I use Prismic a lot.

[00:22:49] It has. Generous free tier. And if you're just testing with a few hundred users, then that's not nuts, that's fine. You know, other ones like Strapi and I mean, I, you, if you Google headless CMS through, you're looking at page after page, after page of, of really great product. I guess, name a 

[00:23:11] Matias: [00:23:11] few to be, just to be just, yeah, 

[00:23:14] Kevin: [00:23:14] just to be 

[00:23:14] Matias: [00:23:14] fair.

[00:23:15] Yeah, we have Prismic sanity Contentfull , GraphCMS and Strapi  . You just mentioned that we can even use AirTable and Ghost as CMSyeah, yeah. Yeah. One thing that I know for sure about experience of WordPress for my years ago is that the CMS is structured. The thing that did the creator see. It's really nice on Wordpress because it's really crafted for that.

[00:23:44] But in the other ones is good and not bad at all, but it's not 

[00:23:49] Kevin: [00:23:49] the same. No, no, I think it's it's it's people have, WordPress is tested  and tested and tested but it's opensource. It's, it's been, it's been battled tested  since for the past 20 years. Right. And I think we have some of the benefits of that length of time of, of actually a really solid, accessible product.

[00:24:14] I find that for, for content editors, they find the accessibility experience. Of the WordPress backend to be really solid, which isn't always true if some of the other headless, headless environments for, for blind or for for, for users with mobility that some of the, some of the ways that WordPress have sought to solve those problems are, are often not as well considered in some of the other platforms that we do.

[00:24:45] Matias: [00:24:45] Yeah. That's. Luckily enough, I don't have any, any physical issues. So I cannot tell for sure, but I, what I I'm really sure is that the current state of the web, the web is not really accessible at all. And I think that the WordPress team is so big and time and many people's that that facility is something that they are already taken care of.

[00:25:10] Yeah. But in your course, you're talking about headless CMS with graph girl and w where is. game graphQL entered into the field. 

[00:25:22] Kevin: [00:25:22] Yeah, I mean, so graph QL there's, there's, there's a few plugins that the achiever, but the main one in the WordPress PSA called WP graph QL it's created by a guy called Jason Bahl  who now works for one of the big WordPress hosting places, WP engine and  graphQL

[00:25:42] For anyone who doesn't know itç, when we access data. Using an API. We normally request it either with a restful API or soap API, if you're from a long, long time ago. Unfortunately I still have to interact with some soap API. I feel so lucky. Yes. Soap APIs are, are are a thing of, of, of hideousness where you have to construct.

[00:26:09] XML files and send them over there then parse it, and pass back, but yeah, enough said about SOAP so, but so Rest and then GraphQL, the benefit of graph QL versus Rest is that you get to ask for what you want which is great. APIs, we sort of have a, we got a route that we query. With some parameters may be, or with  with the, with the more defined route we get back.

[00:26:39] Everything that that route has for us, it just might be a drowning in content that that API might be sending back to us with a graph QL endpoint. We get to say what exactly what we want on the front end requests that and get exactly that box. So what's actually passing over the wire is sort of the minimal amount that we need.

[00:27:01] And then if we want to change that, if we want to add more information to given call. We can do that from the front end. So we don't need to sort of do it in two places and we don't need to update the  Rest API and then update the call. And so we can kind of do it in one spot, which is which is a great kind of optimization.

[00:27:23] Yeah, 

[00:27:23] Matias: [00:27:23] I've been working with graphQL for the last three years, maybe, maybe more in my projects, I'm the lucky one. And it's amazing that you have this middleware. I like to call it that because it's kind of a layer of abstraction on top of the backend, and then you can build whatever shape of data you want and offer it to frontend.

[00:27:48] That makes sense. What are you using to consume that data? Particularly? 

[00:27:55] Kevin: [00:27:55] Actually we don't. So there's a, we're really just focusing on the creation and the maintenance of that backend. So we're trying to cutting that line. As you were saying, that they were kind of cutting that line and saying, Hey, this is how you can expose the API.

[00:28:11] That you can go and consume in whichever way you would like. But what we're doing is we're constructing the API. We're showing the things we might be able to do with it and and, and how we might create that editing experience. But, but, but that, that next step I sort of, and with some signposts to where you might go, you know, how you might consume it

[00:28:36] There's one, one client side. I worked work on for Sega, and they're building their, we've used headless WordPress with them for one of their recent computer games. And that's a Gatsby build. So it's got to be consumes that. And does that kind 

[00:28:52] Matias: [00:28:52] is kind of natural Gatsby because of the graphql layer that they offer

[00:28:58] yup. 

[00:28:58] Kevin: [00:28:58] Yup. And then, another client we use headless. Next.JS, which is actually the, the react framework I tend to prefer prefer. But, but yeah, it's kind of, I, we, that's the joy of a headless of a headless CMS is that we can, we can consume it with whatever we fancy playing with. I know you've been enjoying some SvelteKit in the past week or so.

[00:29:24] So you can, you could consume your headless Wordpress with Svelte. Yeah. I not 

[00:29:29] Matias: [00:29:29] been, not at that place yet. Just consumig little Rest API here and there, but it's been really fun. And that brings me immediately. Thank you for that. For the link to Vue at one of the reasons that I'm bringing interested in Vue is because I learned about Actually, I learned about the exsistance of Vue, many, many, many years ago, but never had the opportunity to try. And so for some reason,Svelte resonated with me and I'm reading a lot about that. And Vuew tends to show up as friend, of Svelte , even Vite the toolkit that was built by Evan You.   the creator of Vue is actually used it by SvelteKit  to, to, to build things.

[00:30:15] So they are friends and any completely different from the react world. Yes. You already mentioned that. Next is your jam when you're talking about react, but you started to dig it, dig, dive deep into Vue so deep that you created. a course. Yeah. So how you will sell me to me as a react developer mainly and react developer, the usage of 

[00:30:45] Kevin: [00:30:45] Vue

[00:30:46] yeah. I mean, I guess for me I, I'm not, An evangelist for the framework of choice. Right. So I, you know, I would like to I I'm really, of the opinion of you you're being productive on your team and your goals with react. You probably don't need Vue. Let's be, let's be honest. You probably like you're probably.

[00:31:08] Okay. If you're, but the paradigms are similar. There are some, there's lots of overlap and in some of the concepts. But if you're coming to if you haven't explored a JavaScript framework before I think that Vue is potentially more accessible. Initially, if you know, some HTML and then Vue  is, is it's, it's easy, not easy is it's, it's, it's more straightforward to see how, how you can level up.

[00:31:41] an HTML  page to use Vue than to, bring react then I find that even for something quite simple with react that requires potentially a build tool, it requires you know, JSX, it requires some other pieces or rowing that with view you can get up and running much like you could with jQuery with a single sort of script tag dropped into your HTML

[00:32:09] so, okay. Yeah, exactly. Exactly. Although, our, our, our, our fellow egghead instructor Tomasz is a, is a huge jQuery fan. So we can't be, we can't be too mean on jQuery. Yeah. Well, too 

[00:32:23] Matias: [00:32:23] Tomasz will be at the show talking about jQuery. Yeah, 

[00:32:29] Kevin: [00:32:29] exactly. But yeah, so But Vue is, I find it to be really helpful in lots of ways I find well, one of the things, when I started learning react, I find challenging was that the, the ecosystem is large, but quite fractured.

[00:32:47] There's kind of lots of solutions for lots of different problems and routing and testing and data management. And you're there.  There's not a there's not an  official, official react way or, or I like kind of unapproved react way or, or a, or a recommended react way. And so we tend to find like a, a Frankenstein of different libraries together to kind of hope that they all stand up and, and don't annoy each other too much.

[00:33:20] Yeah. Vue I find has, you know, Vue router VueX, which is their data management and the V testing library. There's lots of things that are kind of that, that are kind of in the Vue family which I find, I find one of the things with frameworks to be helpful is that I don't need to make decisions about everything straight away.

[00:33:43] I can kind of go with the best, what what's being recommended and trust that that's going to get me far. At least far enough until I can work out if I agree or disagree with the decisions that the framework is suggesting, but it gets me I'm able to move that forward 

[00:33:59] Matias: [00:33:59] At least they offer you kind of a standard base.

[00:34:03] And as you said before, talking about WordPress or any other solution is like, , the idea is to be productive and do the things and with react at certain point, that is hard. So I love React and I'm teaching React and all of that, but it's hard at first when you started, because you need to take decisions on so many things that obviously whoever learns from me, maybe we'll take the same decision as me and I took the same decision as others, but I'm not quite sure if all of them.

[00:34:40] Really true. And, and if some new player comes on their way, I'll could change that because why not? But with Vue, you mentioned that everything comes with a base. But you can, you can change in the future, right? Yeah, 

[00:34:55] Kevin: [00:34:55] yeah. Completely free and flexible it's. And it's adaptable to be able to kind of do that.

[00:35:01] One of the things I really love about Vue as well are the single component files or single file component, which I think Svelte has a similar kind of it's nice. It's nice to have words. Yeah. It's great to have the markup and the styling and the logic for a single component. Contained in one file.

[00:35:23] I'm sure you have experience of kind of rabbit holing, trying to. Understand how a single component works as it's calling out to hook serve, calling it other functions elsewhere in the code base and, and trying to grapple, especially with an unfamiliar could be as to try to just be clear about what is this trying to do and how is it doing it?

[00:35:47] Matias: [00:35:47] Yeah, I think that it's the same reason of the non opinionated framework, or library React, that it, that there is so many ways of doing things. Not all good ways, but so many ways. Then sometimes you fall, you fell into some codebase, and it's just hard to follow because whatever they, some, someone took different decisions.

[00:36:09] But at least my experience with Svelte that is little  little, yet is that is. It's really easy to follow because everything is there and it's there, but not manggled because you still have blocks. Like in anything you it's the same as you mentioned, like the HTML template is one. With the logics in another place come only on top.

[00:36:32] And then the style, the bottom is in, it's already  modular. That is another thing that with react, you don't have that. You need to push things together to get these modules CSS. And this is out of the box it's built.Vue is the same right?

[00:36:46] Kevin: [00:36:46] Yeah, exactly. Yeah. And it's scoped to that component as well. So, you know, you can style a, hit three element in that component and not bother any other hits three component built elsewhere in the in your, in your application.

[00:37:01] So yeah, I mean, it's, I find that single file component type type thing to be to be really  powerful. But did they say, like, we're saying that there's only a single way of doing it. With a Vue. There's also with Vue three, we got this, a couple of new APIs. We've got a composition API, which is kind of makes me think a lot of hooks within a react kind of context.

[00:37:28] And we have some other ways to declare declared data and to understand components. So. Because my there's this we're in this weird place and I'm not sure if you do much with Python or I've done much with Python. But when I first started coding with Python by 10 years ago, there was kind of Python.

[00:37:47] Two was amazing. But, but Python. Well, yeah, Python three. It was like . And even now some people are still not willing to, to give up their old Python two libraries because they kind of are, they kind of have hung on to them. So there's so many breaking   change. There's such a breaking hands, right? For sure. But Vue two and to Vue three.

[00:38:12] So Vue three was released last year. It's, hasn't had been a breaking changes. There've been very few breaking changes, but is a complete rewrite of the code base. It's faster, it's more performance. But it also has different   APIs that can be used and to define and. Componentized and to think about components.

[00:38:33] So we're in a kind of strange Vue world at the moment where some libraries haven't made that transition over the Vue three. So some developers who, who knew the library, they've got their familiar, friendly library that hasn't been poured it to V3 yet are unwilling to make the jump themselves. And so we have kind of a, a weird sort of one foot in each camp where we kind of need, especially if we're in.

[00:39:00] All our older code bases. We have a food needs camp where we're needing to sort of be aware of how something might have been in Vue two. And and how Vue three is different than, and why I'm, why that might be able to be, to be useful. I don't think it's as I don't think it's going to be as long term as the Python two, three thing was, and it's certainly not as kind of, as, as a.

[00:39:25] Sort of violent. I always imagined the place and two or three things would be like Guido. Who is their sort of the self appointed dictator the benevolent dictator. Yes. Yes. That's the term I was looking for. Exactly. I'm Guido I always had to imagine that he would get so much hip meal after the python and three kind of transition, but I think there's been some, but one of the things that.

[00:39:51] Great for me for Vue has been the community. You know, I feel like you can tell a lot about the strength of our project by the  the welcomeness. I not think that's a word, but the welcome one feels and the, the open English. Yeah. Of  of the communities that are round, these language. And I find the Vue, the Vue community to be really welcoming.

[00:40:20] They'll be really accepting the document here. To be really top-notch and I find out to be a really good sign for a framework and for any piece of software, if if people put time into making grit documentation that says a lot for the community and for the corporate what's going on behind. So yeah, I think so.

[00:40:41] I think there are lots of things to say, like views definitely. Definitely worth, worth exploring. And where I find lots of people who, who are react developers by day. Sometimes we'll turn the Vue occasionally for their side projects by night because they find you it's, it can be quicker to get up and running from time to time to, with, with a Vue project.

[00:41:07] So. If you, if you're building and react and you want another kind of a feather in your, in your cop, another kind of way to express things that I think Vue is really worth and really fun to explore. So don't, don't listen to Matias  when he tries to convince you if I just felt well,

[00:41:26]

[00:41:26] Matias: [00:41:26] I did  one  experiment with  Vue and it was really weird because it was Vue.

[00:41:33] But wrapped with web components. Oh yeah. Never, never, again, but that, I think that was Vue  two, because  was about maybe two years ? . And, but one thing that I really love it at that point was, as you mentioned, community and documentation, and one thing is always amazed me is that there is three main competitors in the frameworks in the JavaScript frame was  world Angular by Google.

[00:42:01] React by Facebook and Vue  by the community. 

[00:42:05] Kevin: [00:42:05] Exactly. 

[00:42:06] Matias: [00:42:06] Was Evan You. Evan You created but the community , move it to the top. And it's one of the biggest one and there's a lot of documentation. There's a lot of code. There is a competitor for next. That it's, that it's nuxt

[00:42:19] Kevin: [00:42:19] Knox. Yeah. Yeah. 

[00:42:21] Matias: [00:42:21] And, and I was checking Nuxt when I jumped into SvelteKit  and I think that there.

[00:42:29] I, I, yeah, I will sell SvelteKit, because it's amazing. But I also sell it. We'll say that the same similar to Vue. Try it out, try it out Vue  If you want a fresh air on your development process. And, and one thing that is certainly true is that get up running with react in, in terms of single page application. is annoying  maybe if you go for Next It will be easier because there are opinions on top of that.

[00:43:00] Like the router and with Vue, you already have that stuff. Sounds really nice. Something to try it. And so for, comming back , for content creation, Vue  and WordPress and all of that, what are you doing right now? So you were doing some workshops about Vue. How was that? 

[00:43:23] Kevin: [00:43:23] Yeah, so, so that was still, it was a lot of fun. And I think that  I'm mostly at the moment I've been looking at sort of getting up and running.

[00:43:33] Coming familiar with Vue. I think what I'm excited now to think about now, once this course is live in the world is kind of joining the dots and kind of, you know, being able to be, to, to create projects that you could release to the world and be, and be proud of you know, your next startup type thing built in Vue.

[00:43:52] So yeah, so, what I'm doing at the moment, yeah, just more, more of that. You know, I love teaching and I love learning. And I'm just passionate about trying to help others to, to, to enjoy that as well. I think as developers, we're always learning you know, there's, there's that reality that some, I think some, we, we know that.

[00:44:16] The languages of today will on the frameworks of today will be look very different than five years and 10 years old. You know, that we'll be laughing about what we used to do. And there is that reality of like needing to be keeping going with our learning. I think I. One of the ways that I learned bass is by teaching.

[00:44:38] I know that, if some of your listeners have feel like they can't teach or they don't have anything to teach it's good to say, Hey, what could you teach yourself? A week ago? What do you know now that that Matias from last week does did know because there's another, there's another developer somewhere else in the world who will benefit from your insight.

[00:45:02] So I just, I thought. Keep teaching as well. I just encourage all everyone to, to write blogs and to create content just for themselves, but also for, for us all to benefit from it. 

[00:45:15] Matias: [00:45:15] It's funny because you  tend, everyone tend to thing that you don't have anything to teach, but for example, I've been digging into Prismic.

[00:45:24] Svelte  and all of that, and I didn't wrote anything yet. I have a notes and because I will do it. It's fun. Like, okay, I built this thing, blah, blah, blah. And it took me an hour, two hours and it's amazing. And I'm excited, but it's, it feels like I just read the documentation. So what it can teach.

[00:45:43] Well, you can teach to read documentation, you were able to do it and you didn't know how to do it five minutes ago now. you now how. Right. That some someone else that is not able to read the documentation as you, because you have experience in my case.  You can help them. And that's amazing.

[00:46:02] I, I also repeat your mantra of, have, do a learning "dolearning" and teach. Right. It's it's amazing. So, and how was your two articles one week challenge is still ongoing? 

[00:46:20] Kevin: [00:46:20] It's I've fallen a little bit behind, but yeah, I'm still, I'm still trying to get more  we're managing a, by an article a week maybe.

[00:46:29] We're dying to maybe one, but yeah, well I'll well done for reminding me. I should get back on that train. Yeah. 

[00:46:35] Matias: [00:46:35] Yeah. It was fun. I wasn't able to keep up more like  a month maybe. Yeah. But yeah, it's, it's, it's, it's really fun and, well we are almost at the end of this episode, and this is the time where I ask  you about a little, few things.

[00:46:53] Like. Is there anything that you can recommend to the audience, whatever this is not exactly tech or can be, but whatever you like to recommend to someone. 

[00:47:08] Kevin: [00:47:08] So  I'm looking around my desk to see   yeah. So what have I been watching recently? So we have been, Ooh There's bad crime dramas in the UK.

[00:47:27] Yeah.  we I'm I'm, I'm I'm a, I'm a camper and my family and I, go to camp by  a lot and we love camping, but I've just, I'm embarrassed to tell, talk about it, but I've just got a new kayak. Which is, called an ORU kayak. And I can't recommend it because it hasn't arrived yet, but I'm very excited about it and it's an origami kayak.

[00:47:52] It kind of folds dine into a box like, like Japanese origami and kind of unfolds and the box itself becomes part of the kayak. So I, I almost want to recommend it even though I have. I actually got it yet because I'm very excited about it, but, but yeah, 

[00:48:10] Matias: [00:48:10] I think this is amazing that you can fold it. 

[00:48:15] Kevin: [00:48:15] Well, yeah, I mean, I don't have a our van doesn't have a roof rack and like to the thought of trying to get a sort of a heavy kayak up on top has been putting me off, getting a watercraft for a while.

[00:48:29] But this sort of can just fit in the back of the van. There's like a suitcase kind of size and you sort of carry it around with you. So, and you can check it as luggage as well. So the next time I'll come to Chile and we can, we can go kayaking with my ORU 

[00:48:43] kayak.

[00:48:44] Matias: [00:48:44] There are some amazing rivers around, not near my city, but near anyways.

[00:48:53] So yeah.  the next question is your plug. What do you like to plug today? like somethig you're proud, obviously courses were talking about that, but we're that can be found where people can find 

[00:49:07] that. 

[00:49:08] Kevin: [00:49:08] So, so  my courses are available on egghead  you know, which is a great learning platform with, I've got a lot, have a lot of time for before I became an instructor and having worked closely with the team.

[00:49:19] Yeah. I just have so much time and respect for them that those guys, those people over there are brilliant. But I write a weekly newsletter which you can sign up for on my website, kevincunningham.co.uk. And yeah. I share ways to help us learn and to level up and point to resources and fun things that I find on the web in the past week.

[00:49:43] So yeah, so, my newsletter, I'll drop a link for, for your show notes. Yeah. Yeah. 

[00:49:49] Matias: [00:49:49] All of the, the courses that Twitter account a newsletter and the site will be at the show notes and also the link  to that kayak origami thing. Okay. Kevin, we, we have, we are. Finally finishing this episode.

[00:50:05] And I don't know if you have anything else to say something you want to just share some thoughts, whatever. 

[00:50:12] Kevin: [00:50:12] Well, I'm, I'm, I'm just really grateful for the opportunity to be here. I've followed you since you, since you joined egghead  like what's really exciting for, for me is being able to  to say hello to your audience.

[00:50:27] And just, just to say. To commend you with the the Spanish content that you're creating, which is just amazing and excellent. So so thanks for having me Matias  and yeah. Keep up the, keep up the work of making making the web less  monolingual. 

[00:50:47] Matias: [00:50:47] Yeah. Yeah. I, I'm still doing it because this season is in English.

[00:50:52] Kevin: [00:50:52] Yeah. I know. What are you doing? 

[00:50:55] Matias: [00:50:55] A leap of faith. My audience speak  Spanish, but I'm doing this because of, yeah, because I know many people that speak English. and I can't invite them to like you  to come speak in Spanish, but I can translate this in the transcripts and share this content in Spanish to my audience in a, still reaching another audience that I am still kind of in the middle because I work for English speaking companies.

[00:51:26] So if I want to share my work, side  work with them, this is the way, but it don't want to miss the Spanish community still. So yeah, that's, it's still ongoing. So I leap a faith special season and season three of cafe 

[00:51:39] con Tech. 

[00:51:41]Kevin: [00:51:41] Yeah. Well,  Brilliant. Well, I'll try to learn more Spanish from our next, for our, for our next time together.

[00:51:46] Matias: [00:51:46] Hopefully we can do another episode and  if is in  Spanish. Amazing. If it's not amazing anyways. So, thank you Kevin  thank you for being here was fun. And an honor to have you in the show, 

[00:51:59] Kevin: [00:51:59] Thanks for having me Matias.

[00:52:01] Matias: [00:52:01] Head on over to cafecon.Tech to check the show's complete archive and read the transcripts in English and a Spanish.

[00:52:08] Don't forget to subscribe to the show in your favorite podcast application. And  leave a review if you liked the show I catch you the next week. And as always keep 

[00:52:27] Coding.