El festival de WordPress
22 de enero de 2021

This is an archive of the January 2021 event

Estudio de caso: Un viaje de un colaborador de #Nocode en el Repo Github de WordPress Gutenberg

Formas en que un no-desarrollador puede contribuir a través del repositorio GitHub.

Ejemplo: WordPress Gutenberg. Aprende algo de jerga, creando y comentando temas, busca etiquetas y trabaja en la búsqueda de soluciones comentando el diseño y la funcionalidad. No tienes que ser un desarrollador para contribuir a WordPress.

Hora: 9:00pmUTC
Región: América
El escenario: Etapa Global

Así que gracias por estar aquí conmigo. Es un poco raro hacer una charla como esta en línea. Si estoy hablando en un campo de entrenamiento en persona, estaríamos en la sala más pequeña y podría tenerlo bastante interactivo y tener otros contribuyentes compartir el viaje también. Así que con respecto a lo difícil que es el tiempo de voluntariado, especialmente fuera de la 2020 con el trabajo desde casa en una guardería desafíos y.

El cuidado de otros padres o peor, la última versión, represente 5,6 y más de 600 contribuyentes. Estoy agradecido de que esta nueva charla haya sido aceptada en el Work Fest. Y quiero dar las gracias a los organizadores, voluntarios, ponentes y patrocinadores por hacerla realidad. Y gracias a todos los que están interesados en contribuir a WordPress o al menos aprender más de los contribuyentes.

Así que venga a trabajar en este software de código abierto utilizado por cientos de millones de usuarios. Así que en ellos, el sitio make.wordpress.org. Hay más de 18 equipos que tienen su bloque allí y todos los manuales, um, y cómo el equipo, uh, trabaja. No todos los equipos contribuyen con código y todos los equipos de codificación tienen, eh, Gran necesidad de personas que no saben cómo contribuir con código, pero nuestros gestores de proyectos pueden probar características, facilitar reuniones, discutir nuevas características o procesos y organizar meetups y hablar en webcams.

Por qué contribuir. En primer lugar, es el caso de negocio en nuestro negocio de desarrollo web y sistemas de política. Llevamos una década utilizando WordPress y hemos ganado mucho dinero con él. Y trabajamos con el software sin ninguna cuota de licencia o cualquier. Costes de actualización monetaria en una comunidad de gente muy generosa.

Trabajar en el proyecto nos ha permitido apreciar aún más el trabajo y las personas que están detrás de él. Todos estamos subidos a los hombros de gigantes, y contribuir a la representación es parte de devolver todo lo que puedo. Otros escribieron sobre ello. Recientemente, el equipo de Joe produjo una gran lectura larga. Sobre cómo el código abierto aporta mejores soluciones y una sociedad más inclusiva.

Aparte de algunos créditos de la calle y la caída de las placas que contribuyen a la imprudencia me trae alegría personal a los últimos cinco años han sido muy inspirador. Y he aprendido mucho para mi crecimiento personal o cómo liderar y trabajar a distancia, además de conocer a gente de todo el mundo. La amabilidad, la paciencia y la profesionalidad son reconfortantes.

Aunque el resto del mundo se sumerja en el caos, el miedo, la incertidumbre y la duda. Considero a muchos compañeros de equipo, amigos, y en cuanto volvamos a las reuniones en persona, habrá un festival de abrazos. El equipo de marketing. También es ningún equipo de código publicó un post más largo acerca de por qué contribuir a los beneficios de WordPress, todo el mundo, o por qué los contribuyentes dan este bien de forma gratuita?

Permítanme dejar eso para una introducción en con enero contribuyendo, se le prometió un estudio de caso en ningún viaje de contribuyente de código en los trabajadores, obtener repositorio hub para Gutenberg. Así que vamos a llegar a la carne del asunto. Um, el equipo del editor de bloques suficientemente bueno pertenece a un equipo más grande, al equipo central más grande.

Es el equipo que desarrolla el editor de bloques y el editor del sitio. A menudo recibo la pregunta. Cuál es la diferencia entre el editor de bloques y Gutenberg. Así que per se, no hay realmente una diferencia. Así que puedes pensar en eso. El editor de bloques es lo que está en WordPress o núcleo de WordPress, y Gutenberg es el plugin que, um, donde se desarrolla.

A Gutenberg es también la idea de una mayor, eh, la renovación de toda la experiencia de WordPress. Así que Weber pool lanza cada tres o cuatro meses y los desarrolladores de Gutenberg, sin embargo, lanzan Una nueva versión para el plugin cada dos semanas. Así que cuando la próxima versión de WordPress viene alrededor de todas las características y correcciones del plugin recibido desde, desde la última versión importante se fusionará en el núcleo de la base de código en repres.

Así que por primera vez 5.6, que fue lanzado en diciembre. Incorporó las versiones del plugin, 8.6 a 9.2. Así que el equipo de Gutenberg tiene reuniones regulares en ese canal de Slack los miércoles a las 9:00 AM. Este 6:00 AM, Pacífico, lo siento, gente de la costa oeste. Y es a las 14:00, UTC. Y el canal de Slack está separado del canal de Slack del editor del núcleo.

También son notas de reuniones, publicadas en el blog del núcleo de make punto org. Así que un flash forward para nosotros como núcleo y aparte de las reuniones, la mayoría de los desarrolladores de Gutenberg se comunican en get hub. Así que vamos a empezar. Así que no contribuyo ningún código al proyecto. No soy un desarrollador de PHP y mis conocimientos de JavaScript son de hace 10 años.

Sería inútil como desarrollador o diseñador, pero uso mucho el editor de bloques. Es decir, paso muchas, muchas horas a la semana trabajando en él. Y los tiempos de Goodman es más o menos el sitio de prueba en producción para el plugin de Gutenberg. Lo que hago es crear temas en el repositorio de GitHub. Himno, la pantalla que acaba de ver es sólo una captura de pantalla, horrible, eh, de mi, mis cuestiones.

Um, pero entramos en situaciones un poco más detalladas. ¿Cuáles son las situaciones en las que creo, um, problemas, cuando alguna vez, uh, encuentro un error o molestia o inconsistencias, la mayoría de las veces dejo lo que estoy haciendo y creo el problema o lo hago. Uh, hacer una nota de ello. Así puedo volver a eso. También pruebo nuevas características, eh, para un artículo.

Así que si quiero escribir sobre el directorio de bloques, definitivamente quiero probarlo antes. Y de vez en cuando me encuentro con problemas allí y escribo, escribo. Compré un informe. También hago, um, release testers. Um, por lo que los candidatos a la liberación del plugin como si, um, y luego, uh, el último pero no menos importante es cualquier idea tiene en la característica, mejoras de la característica.

Y ahí es cuando siento que un enfoque diferente podría hacer una característica mucho más útil para los usuarios avanzados o si falta algo que encuentro. Um, así que vamos a ver sobre, um, algunos ejemplos. No te preocupes. No voy a discutir el mérito de los temas o simplemente profundizar en un buen Makoto o algo así. Solo quiero que compartas, quiero mostrarte los caminos y el compromiso que pueden tomar.

Así que el primero, eh, el primer ejemplo es sobre, eh, errores y molestias. Cuando hago clic en, en este enlace. Sí, Edworks excelente. Tengo que tenerlo a la derecha. Mis viñetas como un párrafo normal. Y luego cuando he terminado con todos los puntos de bala, los convierto en. A una lista. Y hasta el verano de 2018, me pareció muy fácil hacer esto en un editor de bloques.

Y, um, con la siguiente versión para esto, me encontré con que no funcionaría más. Um, ese fue cuando se desplaza a través de este, um, ese fue bastante rápido resuelto. Um, Mathias me dio una pista que ahora tiene la tendencia. Uh, puedo hacer esto ahora a través del botón de transformación que era, um, Grande entonces, um, acaba de introducir.

Así que eso fue, eso fue fácil. ¿No es así? Así que el siguiente fue también un error, pero tenía que ver con, eh, el cuadro de meta. El cuadro central se desplazaba hasta la parte superior del editor en lugar de permanecer en la parte inferior. Y parece que eso, por lo que un buen número de personas fueron capaces de replicar. Yuan tipo de dijo, Oh, um, yo era capaz de reproducir, por lo que fue todo bien.

Y, um, pero luego también dijo que quiere hacer bugging esto, uh, encontró que eso era en realidad un problema de aguas arriba de un plugin. Esta cuestión se cerró, pero entonces aquí estaba la cuestión. En el, uh, Yost, um, obtener repositorio hub. Así que fui capaz de, um, seguir a lo largo de allí y luego, uh, probado de nuevo cuando el nuevo, um, Yoast plugin estaba en, en, uh, Liberado así, y el siguiente, por lo que los dos informes de errores, pero luego también probar nuevas características.

Y el primer ejemplo aquí es para la pantalla del widget. Así que se perdió recientemente en octubre. Um, el bloque de calendario, uh, provocó un error desarrolladores que produjeron y etiquetados con, um, un widget de calendario y la pantalla y la depuración y el error. Y entonces, um, Lo que sucedió fue que en octubre fue reproducible.

Y luego hace unos días que Robert Anderson también lo probó de nuevo. Si esto es todavía algo que necesita ser atendido. Y, obviamente, que es ahora. Se trasladó al desarrollo para los candidatos a la liberación de prueba. Tengo dos ejemplos, uh, queriendo un para el archivo que falta, que era, um, al instante, casi al instante resuelto porque era un candidato a la liberación.

Y, um, un día más tarde hubo un, um, fue el arreglo del plugin. Y otro fue en este, se emitió el bloque de audio, eh, hizo un acto de desaparición, eh, en el editor. Y eso también fue arreglado. Um, usted puede, usted puede imaginar que se incrementa la calidad de la, eh, del plugin cuando este tipo de errores son capturados antes de la versión final, pero fue golpear y perder para mí ser capaz de probar los candidatos a la versión porque sólo hay dos días entre, um, desde mediados de diciembre, um, cambiaron.

Uh, la frecuencia de la misma. Y por lo que ahora que es un período de siete días, eh, y podemos hacer, um, algunos más, eh, las pruebas consistentes de los candidatos a la liberación. Um, y luego hago, uh, mejoras de características, um, problemas, y, um, este podría interesar a algunos. Um, así que. El atajo de teclado para cambiar a HTML, la edición en un nivel de bloque.

Hay un atajo de teclado para cambiar todo el editor de visual a código. Similar al editor clásico donde tienes tu texto y el tipo de pestañas visuales. Um, pero encontré con un, uh, basado en bloques, um, idea. Normalmente no voy a través de la totalidad, eh, el código de, de, de un post completo. Yo, si quiero llenarlo con un HTML de un bloque, es sobre todo basado en bloques.

Así que, sugerí que se implementara eso. Porque también facilitaría el flujo de las cosas. Sí. Y OBO, uh, los elementos del menú en realidad tienen, um, uh, atajos de teclado. Así que también caería en la consistencia de eso. Um, bueno, uh, sugerí tan pronto como septiembre de 2018 y, um, había un montón de, um, sí, uh, el compromiso allí.

Una idea genial que realmente tiene sentido los materiales se involucraron. Um, sí. Así que, pero, um, todavía, sí, en diciembre. Así que hubo un noviembre fue un poco de discusión al respecto. Y, um, hubo bastantes que, que lo intentaron y luego no consiguieron, uh, terminar con el, uh, PR o con una base de código. Así que, um, espero que tarde o temprano, un desarrollador encuentra tiempo para reservar a través.

A través de esto para poner esto en marcha, pero eso es un ejemplo plástico que incluso si usted tiene una buena idea, no tiene, no siempre lo hace en, um, la cabeza de un desarrollador. Así que siempre hay que encontrar un desarrollador para implementar esas características. Um, y el último que comparto con ustedes es, uh, es una mejora de la característica que es posible que desee ayudar, um, el apoyo.

Es una búsqueda activada por el usuario en el directorio de bloques. Así que ahora mismo, en el directorio de bloques, no puedes ver si ya tienes un bloque para una palabra clave. No puedes ver qué más hay en el directorio de bloques. Sólo ves lo que está en el tuyo. Así que hemos pasado por, um, y esto es bastante normal para las solicitudes de características que primero se necesita una idea de cómo implementar realmente eso.

Y, um, así que yo, he publicado algunas capturas de pantalla tipo de maquetas donde puse el botón, um, y había algunas ideas y luego los diseñadores. Chimed in también tenía algunas ideas. Son un poco más elegante con su, um, ups y luego hay un poco de discusión y, y, um, más mock ups cuando están allí.

Y luego se estolona un poco. Sí, el último comentario fue el 2 de septiembre. Y, um, empecé hace un par de semanas para discutir de nuevo o tipo de sólo poner otro comentario allí. Y he aquí, um, Kelly, uh, Dwan realmente trabajó en algo así y, um, ya tiene, um, uh, tipo de, uh, uh, trabajando, uh, diseño ahora.

Así que esto es genial. Um, ver, usted puede realmente, um, La influencia de cómo las cosas están trabajando cuando usted era un poco más comprometido en el repositorio de GitHub. Así que esto fue un buen número de ejemplos sobre cómo alguien que no es puerto. Oh, el equipo de desarrolladores puede contribuir bastante al desarrollo de WordPress. Así que antes de plantear un problema, es posible que desee considerar lo siguiente aislar el problema a, al editor de bloque de núcleo o plugin o el plugin Gutenberg.

Yo, el icono que se ve allí es en realidad el icono de la comprobación de la salud y la solución de problemas plugin, que es fantástico para ayudarle con eso. Um, comprobar que porque le permitirá. Uh, encender un sitio puede ser un sitio de producción, pero, um, porque es su administrador, sólo para usted, usted puede apagar todos los plugins y todos los temas.

Y Justin Aber, el plugin de Goodman, y ya tiene un sitio de prueba y tiene visitantes. Um, bueno, y sus compañeros editores vamos a ver su sitio como era. Así que estamos muy contentos. Hemos utilizado ese plugin bastante, pero podría ayudarte con esto también. Um, y luego el siguiente paso sería buscar en los temas existentes.

Usted puede utilizar etiquetas y palabras clave, um, como su alma, hay algunas etiquetas para los bloques y las etiquetas para las características. Que usted puede, eh, profundizar en el libro de Goodman, um, repositorio, y luego, a continuación, utilizar el informe de error emitido plantilla. Y eso tiene, um, cinco componentes. Uno es. Poner una, eh, una descripción de lo que encuentras y esa descripción, eh, debe ser concisa, pero también completa.

Así que hay que encontrar un equilibrio. Um, pero cuantos más detalles pongas ya en los profesionales, más podrá alguien que lo lea ponerse en su lugar, en sus zapatos. Sus zapatos y averiguar lo que podría ir mal. También tipo de donde usted está viniendo, lo que está tratando de hacer y lo que encontró y luego crear, um, la lista de los pasos para replicar el problema con el fin de hacer esto bien.

Si entras, necesitas saberlo. Cómo sucede esa cosa. ¿Qué, qué, cuáles fueron los pasos que se dieron a través de ellos? Y esa es una de las cosas más difíciles de precisar. Así que alguien más puede tener la misma experiencia, pero es una cosa crítica. Así que. Todos esos también pueden reproducir el problema. Um, y entonces ellos pueden decidir dónde está el, el vector de ataque en donde el código necesita cambiar.

Uh, lo que por supuesto siempre ayuda es, um, como una captura de pantalla o un casquillo de pantalla. Y luego, um, tiene otra sección allí que es el comportamiento esperado. Ayuda realmente después. Mentalmente después de ir a través de los pasos. Bien. Esto es lo que sucede. Yo también lo intento. Entonces, ¿qué es exactamente lo que la persona esperaba que sucediera?

Y ayuda a reiterar que, um, y mostrar cómo crees que, um, esto se puede resolver mejor. Y luego la última parte, la quinta parte es la información de su entorno. Uh, lo que el sistema operativo que utiliza, lo que el navegador que utiliza en el que la versión también, si se utiliza el groupers, um, Uh, repres quart sin el plugin o un plugin y el plugin de Gutenberg, y luego también, que la versión del plugin.

Um, así que, uh, cuando usted va al repositorio y va a nuevas cuestiones y, a continuación, haga clic en informe de error que es um, cuando se ve, um, la sección, describir el error, cómo reproducir las capturas de pantalla de comportamiento esperado. Um, y luego la versión del editor, el escritorio. Y luego, um, si usted está en un teléfono inteligente también lo que el dispositivo y, uh, el sistema operativo y otra iteración, uh, informes, problemas de seguridad, no en, levantarse, ir al hacker.

Uno, representa un programa de uno. Los reportamos allí porque esto es información pública y, uh, los pacientes de seguridad no deben ser revelados públicamente. Um, antes de que yo. Uh, arreglo está disponible. Así que esta sería la plantilla de emisión de informe de plugin. Bien. Entonces, ¿cómo se empieza? Usted, usted necesita un bolso o es sólo una lista de verificación para asegurarse de que usted tiene todo.

Um, usted necesita un reenvío de la cuenta de la org y los enlaces señaló a los lugares donde se puede hacer eso. Usted necesita un CRA uh, crear una cuenta de GitHub. Y entonces, eh, también es necesario crear una, una cuenta de Slack y luego conectar su perfil de WordPress a su cuenta de GitHub. Eso es para que usted obtenga todos los créditos para ello.

Así que en mi perfil, tengo aquí la cuenta de GitHub cuando voy a editar el perfil, um, yo w puede revocar el acceso. Así que hay un nombre de usuario de GitHub y debe ser, eh, iniciar sesión en ambos. Así que usted puede conectar directamente los dos John D. Rogers tiene, eh, también publicó un post en el bloque central sobre, um, cómo sucedió y todo eso.

Así que esto es, um, Así que después de crear temas, um, las cuatro variaciones y usted, sí, usted puede parar allí. Usted puede hacer eso todo el día o una vez a la semana. Y nadie te dirá qué hacer. Sí. Puedes tener, uh, todo esto es auto motivado y auto conducido, um, ello. Probablemente no se espera que respondas a algunas de las preguntas.

Si aparecen en el repositorio de GitHub, hay una notificación establecida, pero ¿qué viene después? ¿Qué podría hacer después? Así que, um, la primera sería, uh, comprobar las pruebas de necesidades de trabajo. ¿Qué implica? Uh, necesita pruebas. Implicaría, um, que irías, um, irías a los temas. Sí, leí la descripción y luego ir a través de los pasos aquí, um, para, y, y averiguar si usted también está viendo la misma ocurrencia.

Si compartes tu información, comparte que puedes reproducirla. Y, um, por lo que alguien como un desarrollador es un, es más seguro que eso es realmente lo que necesita ser resuelto. No es causado por otra cosa. Es un problema subyacente o algo así. También podría participar en los debates. Así que este es un lugar fascinante para mí.

Um, Y yo procrastino hacer progresiva, uh, procrastinación productiva en que bastante. Estoy fascinado por las discusiones sobre las posibles soluciones para una nueva característica o una mejora. Y, um, a veces eso es todo lo que hay en las discusiones, pero a veces realmente tengo una opinión o una idea diferente y, uh, la comparto.

Yo intervengo y la mayoría de las veces mis ideas. Puede que no lleguen a la versión final de una nueva función, pero siempre me siento herido y no se han tenido en cuenta aspectos de mi idea. Y, um, encuentro, um, una gran satisfacción en ello. Um, Así que un ejemplo podría ser, um, esta mejora del bloque de la lista. ¿Necesitamos más versiones de eso?

Um, sí. Y cómo va a haber, y que, um, cualquier discusión como que usted no tiene que participar, sólo tipo de puede leer y, pero aprecio realmente la cantidad de pensamiento. En cada tema va. Y cuántas personas tienen ideas o ya han, um, probado que o tienen un, eh, trabajando, um, ejemplo de aplicación de que, como aquí, um, Jeffrey Carradine ya ha, uh, Algo en su blog.

Y entonces, um, es realmente interesante leer algunas de las discusiones. Um, y si usted no tiene una opinión, no tiene una opinión, pero, uh, a veces sí, usted tiene, y este es un momento en el que realmente se puede escuchar, tener sus opiniones, um, dar a conocer, incluso si no resulta así. Uh, totalmente, pero te traes a ti mismo y, um, um, el equipo es muy paciente y está muy preocupado y muy reflexivo sobre cómo responder, um, algunas a algunas sugerencias.

Así que es definitivamente, um, otra manera de contribuir, um, y usted puede unirse al equipo de triaje. Así que el equipo de triaje es. Uh, un grupo abierto de personas que etiquetan todos los problemas y los guían, um, más o menos a través de ese proceso. Um, usted puede leer sobre eso en el, uh, contribuyentes, um, manual. Así que, um, eso es ciertamente otra manera de contribuir y tipo de unirse.

Um, necesitas un permiso adicional para hacerlo. Y, um, te dicen cómo y sigue ese enlace. También lo harán. Um, que, le muestra lo que implica en el equipo de triaje y cuáles son las expectativas y, um, cómo se reúnen y todo eso. Así que, um, Ahora, si usted necesita un enfoque más amplio sobre el valor, trabajando en un grupo en un conjunto de cosas que es también el FSC completo significa programa de extensión de edición de sitio completo.

Ese es uno por el gerente de relaciones con los desarrolladores o Wrangler y McCarthy. Y es, eh, está dirigido a personas que construyen sitios para otros, pero no escriben código. Um, Tenemos, um, pruebas de secuencias de comandos para las versiones alfa de, y luego compartir nuestra experiencia. Um, te encuentras con todos en un canal de Slack separado. Es una especie de todo un camino para averiguar si la gente que lo usaría, obtener todo lo que necesitan.

Se trata no sólo del flujo de edición del sitio. Sí, lo hace el, ¿las interfaces tienen sentido? Um, o te confundes, um, ya sabes, cómo ir de una sección a la otra sección. Um, pero también cómo migrar, uh, temas sobre la nueva forma de hacer esto? ¿O se puede mezclar y combinar, um, la forma antigua con la nueva y todo ese tipo de cosas se discutirán allí?

Así que es un, es un grupo pequeño y es un experimento. Um, es el primer. Um, programa de divulgación que, um, el corredor ha tenido. Así que es, eh, es una forma bastante interesante de contribuir también. Um, que realmente va a trabajar en el borde de la sangría de una gran característica que va a cambiar cómo la gente interactúa con WordPress y construir sus sitios.

Definitivamente. Así que, sí. Eso es todo lo que tengo para ustedes hoy. Por supuesto, espero sus preguntas. Ahora usted puede permanecer en contacto conmigo. En, uh, el trabajador Slack en Twitter, um, los objetivos o la mensajería privada o la mensajería directa está abierta. Uh, usted puede enviar un correo electrónico [email protected] o seguir los tiempos de Gutenberg, uh, mango de Twitter.

También puedes encontrar todos nuestros programas de preguntas y respuestas sobre la vida. en el canal de YouTube de los buenos tiempos. Y si usted quiere mantenerse al día con, um, lo que está sucediendo, uh, sobre una base semanal, uh, lanzamos una edición de fin de semana de, um, enlaces curados a mano de la comunidad y del equipo. Um, y como he dicho, los sitios están en Bitly

Muy bien. Muchas gracias. Y. De vuelta a ti.

Comparte esta sesión

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en interés
Compartir en el correo electrónico