10+ tutorial Javascript utili per sviluppatori WordPress nel 2017

Nell'indirizzo State of the Word del 2015 di Matt Mullenweg, ha assegnato all'intera comunità di WordPress un compito a casa: "Impara JavaScript, profondamente". Questo focus, insieme a sviluppi come Calypso e l'API REST, è il motivo per cui abbiamo appena pubblicato un post tutorial JavaScript di base per i principianti per iniziare con JavaScript.

Quel post si concentra interamente su tutorial JavaScript di base, però. In questo post, andrò un po' oltre e ti fornirò un elenco di contenuti tutorial JavaScript che si concentra specificamente su JavaScript in quanto si applica a WordPress .

Poiché l'attenzione si concentra su JavaScript applicato, piuttosto che sulle nozioni di base, probabilmente avrai bisogno almeno di una conoscenza di base di JavaScript per ottenere valore da questi tutorial. Se suona come te, ti invito a scavare e imparare alcuni JavaScript applicabili a WordPress!

Tutorial JavaScript utili per sviluppatori WordPress

Prima di arrivare all'elenco dei tutorial, voglio dedicare un secondo a fornire alcune informazioni su come ho effettivamente costruito questo elenco.

Come ho detto nell'introduzione, questo non è un elenco di tutorial generali per aiutarti a imparare JavaScript. Piuttosto, per farlo in questa lista stavo cercando due cose:

• La risorsa riguarda specificamente l'applicazione di JavaScript a WordPress
• Il contenuto copre qualcosa di "carnoso". Cioè, è più di un semplice frammento di codice o una breve spiegazione.

Oltre a questi due requisiti, i tutorial in questo elenco coprono una gamma abbastanza eclettica di applicazioni. Inoltre, la maggior parte sono tutorial autonomi, sebbene alcuni siano corsi o raccolte più ampi.

E infine, la maggior parte dei tutorial sono gratuiti, ma ci sono anche alcune opzioni a pagamento mescolate nell'elenco. Mi assicurerò di annotare quale è quale in modo che tu possa trovare qualcosa che si adatti al tuo budget (o alla sua mancanza).

Ok, basta chiacchierare. veniamo alla lista...

1. Usa AngularJS come frontend di WordPress

In questo tutorial di Andrea Terzani, ti guida nella creazione di una semplice applicazione AngularJS per pubblicare i contenuti dei post. Andrea è italiano, quindi la grammatica non è sempre perfetta ( non è una critica, apprezzo il bilinguismo!) , ma include tonnellate di esempi di codice e puoi sempre prendere l'intero pacchetto dalla sua pagina GitHub.

Prezzo: gratuito | Maggiori informazioni

2. JavaScript per WordPress

Zac Gordon è abbastanza noto nella comunità di WordPress grazie ai suoi tutorial Treehouse e ai suoi discorsi a un numero enorme di eventi WordCamp.

JavaScript per WordPress è il suo programma di "corso master" per l'apprendimento di JavaScript applicato a WordPress.

Il corso non è né pubblicamente disponibile né gratuito. In effetti, devi prenotare un posto prima ancora di poter partecipare al corso.

Questo perché Zac preferisce lavorare uno contro uno o in piccole coorti, piuttosto che adottare un approccio più "imposta e dimentica" all'apprendimento.

Questa attenzione personale non è a buon mercato: il corso costa $ 697. Ma se sei seriamente intenzionato a imparare JavaScript per lo sviluppo di WordPress, le credenziali di Zac supportano sicuramente il prezzo elevato.

Prezzo: $ 697 | Maggiori informazioni

3. Costruire plugin WordPress reattivi

Delicious Brains, i creatori del plug-in WP Migrate DB molto amato dagli sviluppatori, hanno pubblicato tonnellate di tutorial di qualità incentrati sugli sviluppatori sul loro blog WordPress. Questa serie in tre parti sulla creazione di plugin WordPress reattivi non fa eccezione.

Ciascuno dei tre post della serie si concentra sulla creazione dello stesso semplice plug-in WordPress, solo con una diversa tecnologia front-end.

In tutta la serie, puoi vedere come è costruito il plugin con:

• Backbone.js
• Vue.js
• Olmo

I tutorial sono lunghi e ben spiegati, quindi otterrai sicuramente un sacco di valore da questa serie.

Prezzo: gratuito | Maggiori informazioni

4. Utilizzo di Backbone all'interno dell'amministrazione di WordPress

In questo tutorial in due parti di Envato Tuts+, imparerai prima come applicare Backbone JS all'interno del backend di WordPress, seguito dalla seconda parte sull'utilizzo di Backbone su, hai indovinato, il frontend.

Shane Osbourne ti guida attraverso tutto, inclusi molti esempi di codice e schermate.

Come di consueto, puoi anche controllare la sezione dei commenti per un dibattito sulla qualità del codice.

Prezzo: gratuito | Maggiori informazioni

5. Tutorial di Yoren Chang sulla creazione di temi con AngularJS e WP REST API

Da ottobre 2014, l'hobby di Yoren Chang è creare temi WordPress con AngularJS. Perché è importante per te? Perché in quel periodo ha anche documentato il suo hobby in una serie di post di tutorial sul suo sito.

Attualmente, ha pubblicato 21 tutorial diversi, tutti dedicati all'utilizzo di AngularJS con i temi di WordPress.

Alcuni dei tutorial sono brevi e veloci, mentre altri approfondiscono un po'. Mettili tutti insieme, però, e avrai una collezione profonda che ti terrà occupato per un bel po' di tempo.

Prezzo: gratuito | Maggiori informazioni

6. Lavorare con JavaScript e WordPress

Lavorare con JavaScript e WordPress è un breve corso PluralSight dello sviluppatore Brian Hogg.

Con meno di 2 ore, il corso non è troppo impegnativo. Ti guida attraverso una breve introduzione, usando JavaScript in plugin e temi e usando AJAX per inviare e salvare i dati.

Anche se tecnicamente hai bisogno di un abbonamento PluralSight per accedere al corso, puoi ottenere una prova gratuita di PluralSight di 10 giorni che dovrebbe darti più che sufficiente tempo per consumare il corso.

Prezzo : gratuito con prova gratuita | Maggiori informazioni

7. Creazione di applicazioni a pagina singola con WordPress e Angular.js

Questo tutorial JavaScript è un'aggiunta più recente di Tom Whitbread su Envato Tuts+. Come probabilmente puoi intuire dal nome, ti guida attraverso il processo di utilizzo di AngularJS per creare un'applicazione a pagina singola basata su WordPress.

Puoi anche trovare tutto il codice di Tom nella sua pagina GitHub.

Prezzo: gratuito | Maggiori informazioni

8. Come creare app React sull'API REST di WordPress

Questo è un altro in cui puoi avere un'idea abbastanza chiara di ciò che è coperto solo dal titolo!

Al di là della profondità in cui è andato Andrey, l'autore, mi piace anche che questo tutorial abbia una solida sezione di commenti per un ulteriore dibattito.

Puoi anche controllare una demo del front-end di base che creerai, così come la pagina GitHub di Andrey con tutto il codice.

Prezzo: gratuito | Maggiori informazioni

9. Un semplice percorso per scrivere un'app React.js in un plugin per WordPress

WPShout è ben noto nella comunità per i suoi tutorial WordPress incentrati sugli sviluppatori. Sebbene non si concentrino in alcun modo esclusivamente su JavaScript, questo tutorial di Fred approfondisce un argomento simile al tutorial precedente mostrandoti come scrivere un'app React.js all'interno di un plug-in di WordPress.

Oltre agli esempi di codice nel post, Fred include anche un file ZIP con il codice completo della demo.

Prezzo: gratuito | Maggiori informazioni

10. JavaScript per sviluppatori WordPress di WPMUDev

Daniel Pataki, l'editor di WordPress di Smashing Magazine e autore una tantum di Elegant Themes, ha messo insieme una serie JavaScript in più parti per WordPress Developers su WPMUDev.

Il corso si sviluppa dalle basi fino ad argomenti più avanzati. È un po' più amichevole per i principianti di JavaScript rispetto ad alcuni dei tutorial più avanzati in questo elenco. Quindi, se ti sei sentito un po' perso fino ad ora, questo potrebbe essere un buon punto di partenza.

Prezzo: gratuito | Maggiori informazioni

11. App a pagina singola che utilizzano AngularJS e l'API REST di WordPress

Questo è un tutorial dettagliato di Almir su SitePoint. Ti offre uno sguardo approfondito sull'utilizzo di AngularJS per creare un'app a pagina singola basata su WordPress e l'API REST.

Almir include pagine GitHub separate sia per l'app Angular che per il tema figlio di WordPress che usa nell'esempio, quindi dovresti essere in grado di seguire facilmente tutto ciò che sta accadendo.

Prezzo: gratuito | Maggiori informazioni

Concludere le cose

Con la crescente attenzione sull'API REST, JavaScript e WordPress si avvicinano sempre di più. A partire da marzo 2017, puoi persino trovare temi basati su JavaScript nel repository di WordPress.org.

Quindi, se vuoi stare al passo con la community di WordPress, devi, come ha detto Matt, "Impara JavaScript, profondamente".

Spero che almeno un tutorial JavaScript su questo elenco sia stato d'aiuto. E se conosci un ottimo tutorial che merita di essere in questo elenco, sarebbe fantastico se potessi condividerlo nei commenti in modo che possiamo collaborare a rendere questa risorsa ancora migliore.

Immagine in miniatura dell'articolo di Teguh Jati Prasetyo / shutterstock.com