Cómo aprender JavaScript como desarrollador de WordPress

Al igual que muchos desarrolladores de WordPress, comencé a aprender JavaScript antes de saber qué es JavaScript. A través de “JavaScript Learning”, quiero decir que estaba buscando en Google cómo hacer cambios dinámicos en mi página, descubrí que JQuey era la opción, y luego supe que Jquey era una biblioteca de JavaScript, etc. WordPress es un espacio seguro del que podemos explorar las diferentes tecnologías que lo rodean para mejorar nuestros sitios y crear experiencias más dinámicas para nuestros usuarios. Esto incluye JavaScript. En la palabra del estado de Matt Mullenweg este año, por lo que tuve la suerte, dijo en términos de interacción del usuario, la Web Future será las interfaces JavaScript basadas en API. WordPress.com terminó recientemente un año y medio de la iteración en su interfaz de administración, que ahora está dirigida por una aplicación alimentada por React, llamada Calypso.
WordPress.com terminó recientemente un año y medio de la iteración en su interfaz de administración, que ahora está dirigida por una aplicación alimentada por React, llamada Calypso. La discusión sobre las interfaces basadas en JavaScript no es nueva. En 2012, el fundador de Ghost, John O’Nolan, quien en ese momento lideraba el equipo de interfaz con el usuario de WordPress, sugirió una WordPress más simple, más centrada en los bloggers que en un CMS. Después de frustrarse por el enfoque más complejo de WordPress, O’Nolan dejó el proyecto de WordPress y fundó Ghost. Ghost evita PHP para Node.js en el lado del servidor, mientras que WordPress.com ha mantenido la base de datos tradicional que llamamos WordPress.
Calypso es un buen ejemplo del tipo de aplicaciones JavaScript para una sola página (SPA) que los sitios deberán ir más allá mientras intenta responder a las necesidades específicas de sus usuarios. Dudo que haya una API universal. Sin embargo, creo que, como desarrolladores de WordPress, necesitamos aprender cómo construir mejor este tipo de aplicaciones. Esto es lo que más me entusiasmó sobre el desafío de Mullenweg para aprender JavaScript. Recientemente, me reuní con mi colega Torque, Roy Sivan, en la multitud de WP, para hablar sobre cómo aprender JavaScript como desarrollador de WordPrips. Puedes escuchar nuestra conversación completa viendo el video, pero quiero compartir algunos pensamientos. Además, Carl Alexander, un escritor que ofrece contenido útil para ayudar a mejorar las habilidades de desarrollo de PHP, ha compartido algunas ideas sobre JavaScript después los registros que fueron realmente útiles. ¿Qué marco debes aprender? En base a cómo las personas hablan sobre la API REST WordPress, a menudo parece ser absolutamente esencial aprender un marco MVC de JavaScript. Aunque puede ser útil, también limita la perspectiva de aprender el resto o el dominio de JavaScript.
Hay muchos marcos para elegir. Determinar aprender es una decisión difícil. Mi respuesta personal es “Angularjs”. No tengo interés en debatir eso. Todos son solo herramientas. Elija el que se sienta cómodo y siga adelante. “Qué marco debo aprender” también es la pregunta incorrecta. Aprender un marco MVC JavaScript es una forma rápida de comenzar a construir algo. Pero no le dará una comprensión profunda de su idioma. De hecho, puede evitar que aprenda la lengua profundamente. La mayoría de los desarrolladores de WordPress no están acostumbrados al modelo MVC porque WordPress no lo usa. Y hasta que esté expuesto a él, no es fácil de entender. Este aprendizaje, más JavaScript en sí es un problema difícil. Personalmente, las primeras veces cuando miré el angular, estaba demasiado confundido para mí. Entonces aprendí a Symony, que no requería un nuevo conocimiento de PHP, pero me pedí que estudiara el modelo MVC. Una vez que comencé a entender, Angular me vino mucho más fácil. Ninguno de ellos lo ayudará a aprender cómo funciona la programación orientada a los objetos en JavaScript. Por otro lado, Roy y yo trabajamos en una aplicación web de una sola página como pantalla de administración de complementos para nuestro complemento de prueba automática A/B, por otro lado, Roy y yo trabajamos en una aplicación web con una sola página como administración de complementos Pantalla para nuestro complemento automático de prueba de género A/B. Hubiera sido una locura escribir todo en JavaScript Vanilla, cuando varios cientos de líneas de Angular podrían haber funcionado.
Aprender un marco proporciona un valor extraordinario. Le ayuda a completar las cosas, familiarizarse mejor con el lenguaje y comprender mejor cómo funciona este tipo de codificación. Roy tiene una gran serie sobre la creación de aplicaciones web con API REST Angular y WordPress, que es un recurso útil para aquellos que desean aprender estas habilidades. Comienza con lo que sabes (o no) Roy sugirió que comenzara con lo que sabes e irás desde allí. Cuando hablé con Carl, dijo que el consejo resonó con él y continuó hablando sobre la codificación de un complemento de jQuery para aprender JavaScript: “No puedo decir que la codificación del complemento en jQuery me ayudó a comprender a JavaScript mucho mejor. No tengo mucha información personal al respecto (todavía, de todos modos). Sé que la complejidad no es sintaxis. Estas son las interacciones del DOM, la sobrecarga de los métodos, la conexión con los elementos DOM, etc. Ahí es muy diferente de otros idiomas “. Creo que esto habla sobre la tensión entre el aprendizaje práctico y el aprendizaje de lenguaje profundo. Sé por experiencia personal. Usé jQuery durante mucho tiempo para manipular el DOM, sin darme cuenta de que todos los elementos DOM eran objetos y atributos.
La mayoría de las veces, gracias a bibliotecas como jQuery y marcos como Angular, puede evitar descubrir qué son los objetos y cómo funciona. JavaScript es Sexy, un sitio que presenta un plan de estudios muy apreciado sobre JavaScript, ha publicado una publicación hace dos años, llamada “OOP en JavaScript: lo que necesita saber”. Le recomiendo que le dé algunas lecturas.
Back End vs.Frente al podcast y la posterior conversación con Carl, dije, como a menudo hago, mi preferencia por el trabajo de trabajo en PHP.Tal vez porque PHP era el segundo idioma, después del inglés, en el que me hice fluido.O, tal vez, porque el back-end es más adecuado para mi conjunto de habilidades. Carl, que considero más bien un desarrollador de back-end, dijo “odia ser etiquetado como uno u otro”.”Esto vuelve a la escala”, dijo.”Hay una razón por la que rechazo a JavaScript y no porque me guste más back-end”.Carl está preocupado por el entusiasmo alrededor del nuevo JavaScript brillante versus la estabilidad a largo plazo.”La excepción es” La excepción es el nodo, que no tengo ningún problema para usar y aprender, porque es estable “, dijo.”Pero ya conozco mejor PHP, por lo que hay menos casos de uso para usarlo”.
El nodo, como discutimos cerca del final del video, es una de las primeras bibliotecas de JavaScript en el lado del servidor. Yo mismo tengo una experiencia mínima con el nodo, pero todos estoy de acuerdo en que fue una tecnología que vale la pena aprender. Dónde aprender Internet está lleno de recursos para ayudarlo a aprender JavaScript. El uso de JavaScript como una forma de expandir sus habilidades fuera de la burbuja de WordPress lo ayudará a mejorar como desarrollador web. Durante la discusión de WPCROWD, Roy recomendó algunos recursos educativos. Muchos eran de Wes Bos, incluida su lista de libros para JS Learning, su curso React for Beginners y su canal de YouTube. Además, Roy recomienda el curso para principiantes The Frontend Masters. Presenté mi gran copia de JavaScript: The Definitive Guide, que solo leí unos pocos capítulos, pero de vez en cuando me acude. Roy recomendó JavaScript:
Las piezas buenas como una alternativa más baja, más fácil de usar. El sitio web de Roy también está lleno de excelente información sobre el uso angular y reacciona con la API REST WordPress. Su serie sobre la construcción de una aplicación con API Angular y WordPress REST es una lectura obligatoria. Comience con los elementos fundamentales para aprender un lenguaje profundo significa aprender los elementos fundamentales. En JavaScript, al menos, esto significa comprender las funciones, el alcance y el cierre. Antes de concluir, me gustaría desafiarte, tomarte el tiempo para aprender o mejorar tu conocimiento de estos tres conceptos fundamentales. Es posible que no comience a construir algo tan rápido como aprendería reaccionando o angular. Sin embargo, descubrirá más sobre los idiomas que usa todos los días en el desarrollo de WordPress. Esto dará muy buenos resultados cuando llegue el momento de remediar algo que no funcione en su sitio o haga algo que no sea posible hoy con su marco elegido, podemos elegir usar programación funcional o programación orientada a objetos. JavaScript está puramente orientado a los objetos. En JavaScript, las funciones crean objetos. Comprender que JavaScript está puramente orientado a los objetos y lo que hacen las funciones, fue el primer paso para pasar de la escritura de JavaScript como si fuera un PHP funcional para que corriera. Los cierres son una convención verdaderamente útil de un lenguaje que se usa en JavaScript.

A menudo son subutilizados por los desarrolladores de WordPress atrapados en la era 5.2. Dos artículos geniales y simples que lo ayudan a pensar en los cierres de JavaScript son “Comprender fácilmente a JavaScript” y “una explicación gráfica de JavaScript cierra”. Para comprender realmente los cierres y cómo trabajar con ellos, primero debe comprender el alcance. Comprender el alcance de los eventos, variables y objetos en JavaScript puede ser un poco difícil. Esta respuesta de StackOverflow ofrece un desglose muy conciso del dominio variable. En PHP, la variable siempre se refiere al objeto en el que está encapsulado. En JavaScript, esto es un poco más complicado. El artículo “Comprender” esto “de JavaScript claramente y dominarlo” es un excelente recurso para comprender esto en diferentes campos y contextos. Como desarrolladores web, utilizamos principalmente JavaScript en el contexto DOM. Esto significa que debe comprender el DOM como una estructura de los objetos de JavaScript para comprender los eventos y enlaces. “Captura de eventos y burbujeantes en JavaScript” es un gran artículo que lo ayuda a ver el DOM como una estructura y comprender su alcance. Ve y aprende, profundamente debes aprender un marco MVC de JavaScript, pero no dejes que esto sea todo lo que aprendes sobre JavaScript. La tarea era enseñarle profundamente. Aprendí PHP rápidamente porque WordPress me ayudó con partes difíciles. Pero hasta que comencé a enseñar sus elementos fundamentales, no era muy bueno en eso. En el nivel práctico, me limité a lo que podía reunir de piezas comunes prefabricadas. No pude crear nada único.