 Muy buenas, que tal ben? Bueno, hoy, muchas gracias a la organización por seleccionar a charla, e a los que estéis aquí, estoy abrumada da cantidad de gente que hay. E hoy vengo un poquitín a... Hoy non os voy a enseñar prácticamente código, se habéis visto a unha charla sempre va código. Hoy vengo a desnudar un poco, no físicamente. Aunque bueno, espérate. Pero vengo a deciros un ploco, cosas herramientas que eu utilizo en mi día a día. E que seguro que muchas sonocereis e espero que algunas non conozcais e os podan ayudar en vuestro día a día a desarrollar con Wordpress, en este caso, aunque non solo con Wordpress, vale? Bueno, soy Fernando, vengo de un pueblecito de Cantabria, moi pequeño, moi rural, muchas vacas, moi verde. Me dedico al desarrollo, como he hecho Paula desde hace demasiados años, quizás. E bueno, soy freelance, trabajo sobreton a hacer cosas a medida para Wordpress e WooCommerce, estas cosas complicadas que nos piden a veces os clientes, quero que ésto haga estas cosas raras, pues bueno, los marrones me llaman a moi, vale? Também participo na realización de unha Meetup en Torra Vega, en una ciudad de Cantabria, hago un podcast rural de desarrollo web, se chama El Arroyo, e também colaboro con W Percules, que é unha empresa que aquí temos a Ángel, é un hosting especializado para profesionales e agencias. Se tenéis dudas, mámos a estar por aquí todo o dia, vale? E nada, aí tenéis, se queréis, contáctarme e vamos al lío. Aparece? Antes que nada, un aviso, un disclaimer. Estas herramientas que podemos contar son las que eu utilizo, vale? Non quieis cí, ni que sean mejores ni peores, son las que utilizo. E por el poco tiempo que tenemos nos pudo contar todas, pero os voy a intentar contar las más importantes, vale? Por bena, voy a empezar por el resumen, qual es mi herramienta fundamental en el dia a dia? Ésta, de verdad, yo vengo del 1.0 e para mi, el bolí la libreta es fundamental. E os ayuda, os pudo assegurar el to-do, e toda esta herramienta está muy bien, pero como verlo e escribirlo en la libreta, no hay nada. Así que se os tenéis que quedar con unha cosa, la libreta. Venga, las herramientas las he ido dividiendo, digamos, diferentes aspectos, vale? Voy a empezar por ésta a ver el debug, la depuración. Para WordPress tenemos un archivito que conoceréis, que se llama lvdbconfig, donde podemos definir unha serie de variables para debugar, vale? Non se verá muy bien, pero bueno, podemos decirle que queremos que este é o debug e podemos decirle que ese debug nos grave un archivo log e aí poder ir viendo que cosas fallan, que es con la segunda instrucción, e bueno, podemos decir se habéis visto en alguna página que nos muestran os errores, también se podemos decir aí. E, luego, tenemos unha opción que esta tiene muchísimo peligro, que es el save queries, que este é o que nos va haciendo es grabar todas las queries. A la hora de desarrollar, viene muy bien. Pero por favor, cuidado. Nunca lo llevéis a producción, vale? Porque se nos engorda la base de datos. Más que tenemos, o X debug. O X debug es unha herramienta que nos va permitir hacer paradas en nuestro desarrollo en el archivo PHP, vale? Mirá. Sinto que no lo veáis bien desde aí. É un pequeno vídeo. Por cierto, a presentación os la compartirei, la compartirei en Twitter para que lo... Entonces, esto basicamente, o que la hacemos es en nuestro código hacer paradas, se está ejecutando la página e, quando llega ese punto, se nos para. E podemos ir paso a paso haciendo o debug, os viendo con qué valores tiene a variable, etcétera. Vale? Aquí ese QR os va a llevar a una página que es un artículo que os explica como instalar el X debug, vale? Luego, temos, también, por supuesto, las herramientas del navegador. Todos os navegadores, se le dais botón derecho, inspeccionar, vale? Nos abre esto que es superpotente. Vale? El inspector de código de los navegadores es superpotente. Ahí podemos ver errores que nos esté lanzando la web por consola. Ahí podemos ver como estás tuturado el código. X el maquetador de turno que es lo que nos hace. 700 seguidos, por qué? Ahí podemos verlo. Ahí podemos ver también los archivos JavaScript, los archivos CSS, las cookies. En fin, unha herramienta superpotente e que, al desarrollar, debe ir de tener sempre en mente, vale? Vale? Pasamos. Que utilizo para desarrollar un entorno local? Todos, al desarrollar algo en Wordpress, vamos necesitar hacer algo en un entorno de esa producción. Lo más fácil es un entorno local e, luego, subirlo. Vale? Eso seria lo máis sencí. Entonces, que utilizo ahí? La herramienta por un entorno máis e agora mismo, digamos, es el local. É máis o menos que todo mundo utiliza. É un programa gratuito que te descargas e te crea un entorno local con Wordpress que le podes dar unha versión de PHP, la versión de Wordpress. Ahí lo veis todo. Vale? Esta es un pouco a herramienta que utiliza todo mundo. Tambien, Lando, non sé se lo coneceis. Lando está basado en doker. Vale? Aí os pongo es doker, pero fácil. Porque se ha visto abaixado con doker a veces es un infierno. Vale? Pois Lando está orientado a que los que no controlamos mucho doker podamos utilizarlo sin controlar. Vale? É un archivito de configuración e aí lo podemos utilizar. Funciona de pegada con as limitaciones que tiene todo doker. Vale? Os dejo também un enlace de unha charla de un compañero de Zaragoza, José Pelato que nos hizo en una Work at my Spain de estas online hizo unha charla sobre esta herramienta. Vale? Lando. Más plugins de desarrollo ou sea plugins en entorno de desarrollo que suelo utilizar. El query monitor. Query monitor es un plugin. Aí os pongo que nos permite de pudroar consulta de base de datos serrores PHP, hooks e acciónes bloques. Fin. Nos da un montón de información. Aquí podemos encontrar se está ir reservando un plugin nos va a decir aquí que antes de PHP tenemos que warnings de PHP cosas que no se ven na página pero que internamente internamente nos está dando errores warnings. Tambi podemos ver las queries. Este es muy útil para fijarse en lo que hace muchos plugins. Cientos de queries. Eso ralentiza muchísimo. Pero para nós que estamos desarrollando nos sirve para poder optimizar todo eso. Este plugin este plugin por supuesto quando vaya a esa producción quitarle. Hay que quitarle. Vale. Eba. Seguro sin pila? No. Este outro está un pouco má orientado este plugin a la optimización. Se llama code profile. Aquí le instalamos e vamos a ver en un sistema de gráficas todo lo que tardan en cargar los diferentes plugins que tenemos instalados. Este ejemplo temos aquí un bucomers, el Contrafor 7 el tema del 2020 un beis bucomers, no? Vale. Aqui tambi podéis aprender muchas cosas de que está haciendo nuestro plugin. Se nuestro plugin está consumindo muchos recursos. Con esto lo podemos comprobar. E luego outro que utilizo muy a menudo sobre todo para hacer cosas con comercio eletrónico es este plugin que es el user switching que es nos sirve para ver la página, el front desde como se fuésemos un usuario en concreto. Imaginad un atienda online e queremos ver como lo ve el cliente. Con este plugin decimos cambiara el cliente. Entonces ya estamos viendo a página como o cliente. Vale? Muy sencillo e muy útil. Vale. Más generadores de código os voy a mostrar un par de herramientas que nos va a permitir hacer pequeños snippes. A veces non necesito a hacer un plugin queremos hacer unha cosa. Bueno, pues lo metemos en el function PHP e se acabó. Vale? Vale. Pero bueno metéis un snippet donde sea. Vale? Entonces generadores de código mirad Básicamente tenemos este que es el más conocido que se llama es la web generateWP.com desde aquí vamos a generar esos snippet de código a través de formularios visualmente. Queremos crear un cpt como se llaman. Ose que vamos a outra pestaña que vamos dando e al final nos da el chorizo de código. Vale? Tiene una parte gratuita e outra de pago. He puesto ahí que está orientado a unos programados. En realidad estamos generando códigos para programar pero es tan tan sencillo que cualquiera lo pudo utilizar. E luego mi preferido es este unha herramienta de un chico de la comunidad que se llama Alex francés ha creado esta página que se llama www.turbo.de que es algo parecido al anterior pero con algunas cosillas más. Mirad Tiene también el generador de código visual a través de formularios igual que el otro tiene una parte gratuita e una parte de pago. En la parte de pago tiene un soporte de inteligencia artificial ahora que nos gusta tanto eso es decir tiene como un chat gpt ha integrado única e exclusivamente orientado a WordPress. Entonces te va dicendo tú le vas pidiendo e el te va generando. E logo esto que está super interesante es que tiene una comunidad donde la gente que está apuntada ahí va compartiendo los snippers que va haciendo. Entonces tú sin esta parte gratuita sí, sí es gratuita creo que es gratuita tú podes ver los snippers de la gente e seguramente igual o que tú quieres ya lo ha generado a alguien e ya lo podes copiar. Lo coge, lo copias e ya está. Pongo que está orientado a programadores porque a parte de generarte snippers tiene unos boler podes generar boiler press que se llama es decir plugin entero. Dame la estructura de un plugin que haga esto e te genera la estructura e con os temas lo mismo. Vale? Bien Otro tema trabajo en equipo e yo soy frinas e igual que muchos daquí para al final nos toca trabajar con gente vale? E es importante el trabajo con equipo tener una comunicación e unas herramientas que nos permitan trabajar bien en equipo. No vale estar con el wasa oye esto? No hay que agilizar un pouco las cosas, porque en nuestro tiempo es dinero. De acuerdo? Entonces que utilizamos? Trelo Trelo supongo a maioria a conocer es una herramienta basada en tarjetas donde se van poniendo tareas. Entonces hay diferentes estructuras en esta tareas. A mí en este caso me van poniendo tareas cuando me pongo ayer el modo a ejecución entonces la otra persona ya sabe que me estoy con ella. Realizar para testear ya ha hecho el trabajo e a persona que me la ha puesto que lo teste e quando dice ok lo pasamos a realizadas e desta forma visualmente tenéis un historial de todo o que hemos ido haciendo e también a outra persona o tú que mandas las tareas a outra persona estás viendo en cada momento mira está en ejecución se ha puesto con ella vale? trelo se non utilizáis es muy sencillo utilizar la parte ti unha parte también de pago pero a parte gratuita nos vale perfectamente ahí esta outra herramienta se llama web vicio non me es muy guapo web vicio con z esta herramienta nos sirve quando maquetamos una web le pasamos a la diseñadora o al diseñador acceso a esta herramienta esta basada en tarjetas vale? es como tarjetas yo le paso a la diseñadora lo que maquetado esto es tan tiempo real porque le pongo un laurl e me lo pone aquí vale? a ver si creo que esto es un vídeo non se repluce el vídeo no bueno es igual no pasa nada no pasa nada bueno entonces esto le pongo un laurl vale? a la diseñadora la diseñadora ha hecho un vistazo e me ha ponido comentarios aquí mismo encima me dice esta imagen tiene mala caridad o ti que está tres rengs más a la derecha e me crea una tarjeta como entrelo e a mi me llega a comunicación e entonces ya sé que es lo que tengo que hacer ahí esta está muy bien para eso para una vez que ya hemos maquetado que nos vaya dando el feedback porque se nos tiene que dar el feedback en entrelo por ejemplo es más complicado ya tiene que hacer casturas de pantalla e decir mira aquí no sé que pues aquí lo temos todo vale? luego utilizo o verricast verricast es unha herramienta conoceréis loom es unha herramienta para hacer vídeos vídeos cortos para clientes colaboradores quincea para explicarle algo en vez de escribir un correo eletrónico con 20 capturas de pantalla es mejor hacer un vídeo tardar mucho menos nosto tiempo de dinero e entonces nos vina todos mejor e esta herramienta lo que genera es eso te crea un vídeo te da unha url compartes esa url e en esa url se pode poner los comentarios te dejan el feedback tú vas respondiendo e vas tenendo ahí un historial también esta herramienta esta herramienta te pagó vale? e luego na comunicación básicamente telegram e Discord hay con gente que con WhatsApp también aunque prefiro telegram porque he hecho que no teno mi telefón e me llamen a las cinco da tarde un viernes básicamente vale? bien responsive fundamental para los que trabajamos en web e que nos ha pasado entre una web oye? que esta na table se ve regular bueno pues hay que cuidar esto para responsive tenemos el browser stack que es unha herramienta muy potente que nos permite ver rápido porque queda poco tiempo probar diferentes navegadores e dispositivos estas de pago pero es muy potente vale? esta tiene incluso acceso a localhost a nuestra a nuestro localhost de acuerdo? e também podemos comprobarlo e luego e outra parte gratuita que es esta navegadora responsibili .app que es básicamente un navegador que en la misma pantalla pudo ver diferentes dispositivos e de un vistazo aquí estou viendo en un web escritorio tablet e mobile vale? esta está bien e esta es gratuita bien pasamos al editor de código que editor de código utilizo? visual studio code vale? es un editor de código que ahora mismo lo utiliza mucha gente es muy potente este es o aspecto voy a ir súper deprisa que me queda muy poco porque me gusta su integración con jihad jihad no os voy a tocar pero los desarrolladores ya hoy en día tenemos interiorizado que tenemos que trabajar con algún sistema de versiones vale? se traíais con jihad este bien integrado tiene miles de extensiones para lo que queráis hay extensiones cuidado porque quanto máres extensiones máres se carga eso bien e una herramienta que me encanta estoy enamorado es esta que se llama jihad co pilot es una herramienta es una inteligente artificial de jihad es de pago no se son 100 dólares a año más o menos pero os asseguro que es barato para lo que hace vale? o sea es como un chat tienes diferentes opciones le coges un código te lo simplifica le coges un código te explica que es lo que hace incluso aquí le estoy diciendo en el prón que me cree un plugin de WordPress para unha role de usuario coge el tío e me genera toda la estructura el plugin completo un plugin con el admin e con el frón que me hace lo que le digo no es 100% fiable desde luego pero un punto de partida muy bueno bien WordPress Playground es una nueva herramienta relativamente noha que han sacado a probar instalaciones de WordPress hay unha extensión para visual studio code remota SSH para conectarme via visual studio code por SSH a un servidor e lo edito modifico e me lo guarda luego esta herramienta que es de ese señor de David vale? es unha extensión para visual studio code que casualmente hoy la ha actualizado e nos sugires nippets de código prehechos para desarrollar con WordPress muy potente lo recomiendo e por último rápidamente o vpo o page speed e eso máso-meno o conocéis todos vale? para medir un poco la velocidad de lo que ya hemos subido el pingdom tools que es algo parecido vale? a mi estas cosas non sé non soy demasiado experto en vpo pero algo sé e me gusta medir con diferentes herramientas porque te das cuenta que diferencias hay e non todas te dicen las mismas cosas e esta gtmetrix que es outra herramienta también para medir un pouco la velocidad e te va diciendo los timpos de carga de cada as de cada cosa que tiene a página muchas gracias