JavaScript y la API REST WordPress: Comprender la jerga

JavaScript es el más interesante en los círculos de WordPress este año. La API REST ha alentado a los desarrolladores no solo a aprender a interactuar con ella, sino también a desarrollar el uso de JavaScript para mejorar el front-end que construyen. Pero si eres nuevo en JavaScript, podría ser perdonado de que te confundas toda la terminología y la nueva jerga. Un murmullo podría ser el sonido que obtienes cuando intentas solucionar problemas de un fragmento muy complicado de JQuey, Ajax podría ser el polvo de lavado que usas para limpiar el JavaScript, y un descanso podría ser lo que necesitas cuando todo termina.
Entonces, en esta publicación, denotaré parte de la jerga y las terminologías en torno a JavaScript, con la esperanza de ayudarlo a comprender todo y darle una idea de cómo pasar por el léxico JavaScript. Cubriré la terminología que cae bajo algunos títulos:
Conceptos básicos
Bibliotecas
personal
Sistemas de plantilla
Herramientas de desarrollo
Entonces, comencemos con los conceptos básicos que necesita comprender si comprende todas estas bibliotecas y marcos.

Obtenga más información sobre JavaScript en JavaScript.com
Conceptos básicos para comenzar con el concepto más fundamental, el del propio JavaScript. JavaScript es un lenguaje de programación front-end, que significa ejecutarse en el cliente (es decir, en el dispositivo del automóvil o el dispositivo del sitio web del usuario) y no en el servidor (donde su sitio está alojado). JavaScript se puede usar para todo tipo de cosas divertidas: agregar interacciones a su sitio, extracción de datos (que es el lugar donde interviene el resto) y la apariencia de las cosas. No se sienta tentado a exagerar una vez que se dé cuenta de cuántos efectos de jazz puede agregar, sin embargo, no queremos volver a los días de gloria del GIF animado que sus sitios se agregan a un lenguaje de programación existente (es decir, JavaScript) o que le brinde más Código que puede usar para hacer las cosas que hace el lenguaje básico que puede usar para evitar escribir líneas y líneas JavaScript. En cierto modo, una biblioteca es para JavaScript, un poco como WordPress para PHP. Un marco es similar a una biblioteca, pero en lugar de ser un conjunto independiente de herramientas que puede usar para crear código, le dará un marco para colgar su código. A veces deberá instalar una biblioteca para usar un marco específico.
Las plantillas de JavaScript (o plantilla) lo ayudan a evitar repetir y respetar el principio de repetirlo (seco). Estos se refieren a la parte de visualización del modelo MVC (consulte el siguiente párrafo) y le permiten usar las mismas piezas de código repetidamente sin escribir el mismo código una y otra vez. Un poco como un archivo de plantilla de tema o una parte de plantilla al construir temas de WordPress. Las plantillas se parecen al HTML habitual, pero han agregado expresiones adicionales que proporcionan el sistema de plantillas. El modelo MVC es algo a lo que la documentación para bibliotecas y cuadros se referirá al describir cómo funciona; Cada biblioteca tiende a centrarse en uno de sus tres elementos. Esto significa controlador de visión del modelo. El modelo es la estructura básica de los datos (en WordPress, las tablas de la base de datos); La vista representa los elementos de la interfaz con el usuario, como texto, botones, imágenes, animaciones, etc.; Y el controlador es la conexión entre el modelo y la vista: el código que escribe para hacer que los elementos en la página interactúen con Data.Reuters.tv es un ejemplo de una aplicación de una sola página, una aplicación web de una sola página es un sitio Con una sola página, que se comporta mucho como una con varias páginas, pero en lugar de acceder a una nueva URL al hacer clic en un enlace, la página se actualizará o se expandirá usando JavaScript, y la URL seguirá siendo la misma. . Esto significa que todo está precargado y el sitio no debe continuar interactuando con el servidor.
Sin embargo, puede tener desventajas de SEO, porque no tiene los beneficios de varias URL. API significa interfaz de programación de aplicaciones. Es un conjunto de códigos (funciones, ganchos, etc.) proporcionados por un sistema que permite que otros sistemas interactúen con él. Si alguna vez ha agregado un widget Twitter a su sitio, por ejemplo, ha interactuado con la API de Twitter. WordPress tiene varias API, la mayoría de las cuales están diseñadas para permitirle interactuar con el código básico de WordPress. La API REST es diferente, porque permite que otros idiomas y sistemas interactúen con WordPress. Utiliza la arquitectura desacoplada, lo que significa que los diferentes componentes de un sitio o aplicación están separados entre sí (o desacoplados). Por lo tanto, su sitio se puede almacenar en un solo lugar, mientras que los datos que lo alimentan se almacenan completamente por separado.

Ajax significa JavaScript Asincron y XML. Es una técnica para hacer cambios en una página web sin actualizar la página. Las pantallas de administración de WordPress usan AJAX al igual que los sitios de redes sociales, como Twitter, cuando te corres para ver más tweets. A pesar del nombre, no tiene que escribir XML para usar AJAX.
JSON significa notación de objeto JavaScript. Le permite extraer datos en la aplicación web JavaScript y luego manejar esos datos. Si usó XML en el pasado para almacenar y manipular datos en las páginas web, JSON es la forma en que lo hace ahora. En el modelo MVC, se refiere al controlador, porque todo se trata de las interacciones entre la interfaz y los datos. Las bibliotecas son muchas bibliotecas de JavaScript y puede ser difícil decidir usar. Cubriré solo algunos de los más populares. A veces elegirás uno en detrimento de otro; Otras veces, usará dos juntos, porque se referirán a diferentes partes del MVC. Todas las bibliotecas a continuación son de código abierto y son gratuitos.

JQuey es una biblioteca JavaScript extremadamente popular que JQuey es probablemente la más conocida de todas las bibliotecas de JavaScript. La mayoría de los sitios web que usan JavaScript para efectos frontales lo harán a través de jQuery. Es una biblioteca de código que facilita la adición de JavaScript a su sitio y también le brinda acceso a características adicionales. JQuery está envuelta con WordPress para que pueda usarlo en su tarea.
Normalmente se usa para efectos e interacciones que no interactúan con los datos que cambiarán con el tiempo y se refieren a la visualización del modelo MVC.
React es una biblioteca JavaScript desarrollada y mantenida por Facebook y alojada por ellos como un almacén de GitHub. Se refiere a la visualización en el modelo MVC. React es una biblioteca popular para crear una interfaz de usuario que luego usa JSON para interactuar con la API REST. Angular (o AngularJS) es una biblioteca mantenida y utilizada por Google. Angular hace un trabajo similar a React (es visualización de MVC), por lo que puede usarlo para interactuar con el resto. Entonces, si usa React, probablemente no usará Angular y Vice Versa. Elija uno y conozca. Bootstrap no es estrictamente una biblioteca de JavaScript, pero es una biblioteca que incluye JavaScript, así como HTML y CSS. Desarrollado por Twitter, a menudo se usa como punto de partida para crear temas receptivos de WordPress. No interactúa con los datos: todo es visible.

Subscore.js puede hacer que su desarrollo de JavaScript sea más efectivo No lo confunda con énfasis, el tema inicial desarrollado automáticamente. Subscore agrega funcionalidad adicional y acelera el desarrollo de JavaScript de una manera similar en ciertos aspectos con jQuery.

El sitio web dice que “es la respuesta a la pregunta:” Si me siento frente a una página HTML vacía y quiero comenzar a ser productiva de inmediato, ¿por qué la necesito? “.
Backbone.js de cuadro depende de las bibliotecas subrayadas y jquey.Está diseñado para la construcción de aplicaciones web de una página y conecta los tres elementos de la estructura MVP (de ahí el nombre).Node.js es un marco de JavaScript que se ejecuta en Windows, OSX y Linux, por lo que se utiliza para el desarrollo de aplicaciones que para el desarrollo web. Guidon es un motor JavaScript tentador que lo ayudará a evitar repetir sus plantillas de bigote de trabajo que puede usar que puede usar. con JavaScript Vanilla o con cuadros como Node.js.Se describe como desprovisto de lógica porque no incluye instrucciones condicionales, como si y si.El manillar se basa en el bigote y puede restaurar las plantillas de bigote, así como agregarlas.
Herramientas de desarrollo Además de marcos, bibliotecas y sistemas de plantillas, hay otras herramientas que puede cumplir cuando comienza a trabajar con JavaScript. Grunt es un Roller JavaScript, un instrumento que puede usar para acelerar su desarrollo y pruebas. Es una herramienta de línea de comandos que le ofrece un conjunto de comandos que puede usar para automatizar los procesos de JavaScript, como los archivos de concatenato, las pruebas o la reducción de scripts. Para obtener más información sobre el imprimador, consulte nuestra guía Use el imprimador para acelerar el desarrollo de WordPress. Gulp es otra herramienta que automatiza las tareas de crear el sitio web para usted, de manera similar a la imprimación. Nuevamente, es una herramienta de línea de comando y deberá tener Node.js instalado para usarla. Puede leer más sobre Gulp En nuestra guía, use Gulp para acelerar el desarrollo de WordPress. Usar las primarias para automatizar las tareas de desarrollo de JavaScript
Al juntar todo, enumeré algunas herramientas que puede usar para su propio desarrollo de JavaScript y hay muchas más. Pero no tienes que usarlos todos. Muchos de ellos harán un trabajo similar entre sí, por lo que el mejor enfoque es identificar al que trabaja mejor para usted (no solo para el que es genial ahora) y conocerlo bien, así que mejorar y hacerlo más eficiente. Desarrollo con JavaScript. Es posible que necesite uno de:

Una biblioteca o, posiblemente, algunos de ellos, si no encuentra una que satisfaga todas sus necesidades. Encuentre a los que se complementan entre sí y ofrecen las herramientas que necesita para sus proyectos de marco (opcional). Puede elegir usar un marco sobre la biblioteca o las bibliotecas elegidas o no. Si crea aplicaciones web y aplicaciones independientes, necesitará dos cuadros.
Un sistema de plantilla para que su COD sea más efectivo y para evitar repetir (nuevamente, opcional, pero útil).
Una herramienta de desarrollo (opcional) para automatizar los procesos que está ejecutando.

Pase un tiempo investigando las opciones y esperamos que encuentre su propia suite de herramientas única que lo ayude a comenzar a desarrollar con JavaScript. ¿Qué herramientas usas para el desarrollo de JavaScript? ¿Tienes un favorito que no mucha gente haya escuchado? Háganos saber en los comentarios a continuación. Etiquetas:
API REST de WordPress