Más de 10 útiles tutoriales de Javascript para desarrolladores de WordPress

En el discurso State of the Word de 2015 de Matt Mullenweg, le dio a toda la comunidad de WordPress una tarea : «Aprender JavaScript, profundamente». Ese enfoque, junto con desarrollos como Calypso y la API REST, es la razón por la que acabamos de publicar una publicación de tutorial de JavaScript básico para que los principiantes comiencen con JavaScript .

Sin embargo, esa publicación se enfoca completamente en tutoriales básicos de JavaScript. En esta publicación, voy a llevar las cosas un poco más allá y les daré una lista de tutoriales de JavaScript con contenido que se enfoca específicamente en JavaScript y cómo se aplica a WordPress .

Debido a que el enfoque está en JavaScript aplicado, en lugar de lo básico, es probable que necesite al menos una comprensión básica de JavaScript para obtener valor de estos tutoriales. Si eso suena como usted, ¡lo invito a profundizar y aprender algo de JavaScript aplicable a WordPress!

Tutoriales útiles de JavaScript para desarrolladores de WordPress

Antes de llegar a la lista de tutoriales, quiero pasar un segundo dando algunos antecedentes sobre cómo construí esta lista.

Como mencioné en la introducción, esta no es una lista de tutoriales generales para ayudarlo a aprender JavaScript . Más bien, para estar en esta lista estaba buscando dos cosas:

  • El recurso trata específicamente sobre la aplicación de JavaScript a WordPress.
  • El contenido cubre algo “carnoso”. Es decir, es más que un simple fragmento de código o una breve explicación.

Más allá de esos dos requisitos, los tutoriales de esta lista cubren una gama bastante ecléctica de aplicaciones. Además, la mayoría son tutoriales independientes, aunque algunos son cursos o colecciones más amplios.

Y finalmente, la mayoría de los tutoriales son gratuitos, pero también hay algunas opciones pagas entremezcladas en la lista. Me aseguraré de anotar cuál es cuál para que pueda encontrar algo que se ajuste a su presupuesto (o la falta de él).

Ok, suficiente charla. Vamos a la lista…

1. Usa AngularJS como interfaz de WordPress

En este tutorial de Andrea Terzani, lo guía a través de la creación de una aplicación AngularJS simple para publicar contenido. Andrea es italiano, por lo que la gramática no siempre es perfecta ( eso no es una crítica, ¡aprecio el bilingüismo!) , pero incluye toneladas de ejemplos de código, y siempre puedes obtener el paquete completo desde su página de GitHub .

Precio: Gratis | Más información

2. JavaScript para WordPress

Zac Gordon es bastante conocido en la comunidad de WordPress gracias a sus tutoriales de Treehouse, así como a sus charlas en una gran cantidad de eventos de WordCamp.

JavaScript para WordPress es su programa de «curso maestro» para aprender JavaScript tal como se aplica a WordPress.

El curso no está disponible públicamente ni es gratuito. De hecho, debe reservar un asiento antes de poder unirse al curso.

Esto se debe a que Zac prefiere trabajar individualmente o en grupos pequeños, en lugar de adoptar un enfoque de aprendizaje más de «configúrelo y olvídese».

Esa atención personal no es barata: el curso cuesta $ 697. Pero si realmente quiere aprender JavaScript para el desarrollo de WordPress, las credenciales de Zac definitivamente respaldan el alto precio.

Precio: $697 | Más información

3. Creación de complementos de WordPress reactivos

Delicious Brains, los creadores del muy querido por los desarrolladores WP Migrate DB (uno de los muchos excelentes complementos de migración de WordPress ), publicaron toneladas de tutoriales de calidad enfocados en desarrolladores en su blog de WordPress. Esta serie de tres partes sobre la creación de complementos reactivos de WordPress no es una excepción.

Cada una de las tres publicaciones de la serie se enfoca en crear el mismo complemento simple de WordPress, solo que con una tecnología front-end diferente.

En toda la serie, puede ver cómo se construye el complemento con:

  • Backbone.js
  • Vue.js
  • Olmo

Los tutoriales son extensos y están bien explicados, por lo que definitivamente obtendrá mucho valor de esta serie.

Precio: Gratis | Más información

4. Uso de Backbone dentro del administrador de WordPress

En este tutorial de dos partes de Envato Tuts+, primero aprenderá cómo aplicar Backbone JS dentro del backend de WordPress, seguido de la segunda parte sobre el uso de Backbone en, lo adivinó, el frontend.

Shane Osbourne lo lleva a través de todo, incluidos muchos ejemplos de código y capturas de pantalla.

Como es la norma, también puede consultar la sección de comentarios para un debate sobre la calidad del código.

Precio: Gratis | Más información

5. Tutoriales de Yoren Chang sobre la creación de temas con AngularJS y WP REST API

Desde octubre de 2014, el pasatiempo de Yoren Chang ha sido crear temas de WordPress con AngularJS. ¿Por qué es eso importante para ti? Porque durante ese tiempo, también ha estado documentando su pasatiempo en una serie de publicaciones de tutoriales en su sitio.

Actualmente, ha publicado 21 tutoriales diferentes, todos dedicados al uso de AngularJS con temas de WordPress.

Algunos de los tutoriales son breves y rápidos, mientras que otros profundizan un poco más. Sin embargo, póngalos todos juntos y tendrá una gran colección para mantenerlo ocupado durante bastante tiempo.

Precio: Gratis | Más información

6. Trabajar con JavaScript y WordPress

Trabajar con JavaScript y WordPress es un breve curso de PluralSight del desarrollador Brian Hogg.

En menos de 2 horas, el curso no es demasiado compromiso. Lo lleva a través de una breve introducción, el uso de JavaScript en complementos y temas, y el uso de AJAX para enviar y guardar datos.

Si bien técnicamente necesita una membresía de PluralSight para acceder al curso, puede obtener una prueba gratuita de PluralSight de 10 días que debería darle tiempo más que suficiente para consumir el curso.

Precio : Gratis con prueba gratis | Más información

7. Creación de aplicaciones de una sola página con WordPress y Angular.js

Este tutorial de JavaScript es una adición más reciente de Tom Whitbread en Envato Tuts+. Como probablemente pueda deducir del nombre, lo lleva a través del proceso de usar AngularJS para crear una aplicación de una sola página basada en WordPress.

También puede encontrar todo el código de Tom en su página de GitHub .

Precio: Gratis | Más información

8. Cómo crear aplicaciones React sobre la API REST de WordPress

¡Este es otro en el que puedes tener una idea bastante buena de lo que se cubre solo por el título!

Más allá de la profundidad en la que entró Andrey, el autor, también me gusta que este tutorial tenga una sólida sección de comentarios para un debate adicional.

También puede ver una demostración del front-end básico que construirá, así como la página de GitHub de Andrey con todo el código .

Precio: Gratis | Más información

9. Una ruta simple para escribir una aplicación React.js en un complemento de WordPress

WPShout es bien conocido en la comunidad por sus tutoriales de WordPress enfocados en desarrolladores. Si bien de ninguna manera se enfocan exclusivamente en JavaScript, este tutorial de Fred profundiza en un tema similar al tutorial anterior al mostrarle cómo escribir una aplicación React.js dentro de un complemento de WordPress.

Más allá de los ejemplos de código en la publicación, Fred también incluye un archivo ZIP con el código completo de la demostración.

Precio: Gratis | Más información

10. JavaScript para desarrolladores de WordPress de WPMUDev

Daniel Pataki, el editor de WordPress en Smashing Magazine y autor único en Elegant Themes , preparó una serie de varias partes de JavaScript para desarrolladores de WordPress en WPMUDev.

El curso se desarrolla desde lo básico hasta temas más avanzados. Es un poco más amigable para los principiantes de JavaScript que algunos de los tutoriales más avanzados de esta lista. Entonces, si te has sentido un poco perdido hasta ahora, este podría ser un buen lugar para comenzar.

Precio: Gratis | Más información

11. Aplicaciones de una sola página que usan AngularJS y la API REST de WordPress

Este es un tutorial detallado de Almir en SitePoint. Le brinda una visión detallada del uso de AngularJS para crear una aplicación de una sola página basada en WordPress y la API REST.

Almir incluye páginas separadas de GitHub para la aplicación Angular y el tema secundario de WordPress que usa en el ejemplo, por lo que debería poder seguir fácilmente todo lo que sucede.

Precio: Gratis | Más información

Envolviendo las cosas

Con el creciente enfoque en la API REST, JavaScript y WordPress solo se acercarán. A partir de marzo de 2017, incluso puede encontrar temas basados ​​en JavaScript en el repositorio de WordPress.org .

Entonces, si desea mantenerse al día con la comunidad de WordPress, necesita, como dijo Matt, «Aprender JavaScript, profundamente».

Espero que al menos un tutorial de JavaScript en esta lista haya ayudado. Y si conoce un gran tutorial que merece estar en esta lista, sería genial si pudiera compartirlo en los comentarios para que podamos mejorar este recurso de manera colaborativa.

Imagen en miniatura del artículo de Teguh Jati Prasetyo / shutterstock.com