10+ Tutoriale utile Javascript pentru dezvoltatorii WordPress în 2017

În adresa „Starea cuvântului” din 2015 a lui Matt Mullenweg, el a dat întregii comunități WordPress o sarcină pentru teme - „Învață JavaScript, profund”. Acest accent, împreună cu dezvoltări precum Calypso și API-ul REST, este motivul pentru care tocmai am publicat un post tutorial de bază JavaScript pentru începători să înceapă cu JavaScript.

Totuși, această postare se concentrează în totalitate pe tutoriale de bază JavaScript. În această postare, voi duce lucrurile puțin mai departe și vă voi oferi o listă de conținut tutorial JavaScript care se concentrează în mod special pe JavaScript, așa cum se aplică pentru WordPress .

Deoarece accentul este pus pe JavaScript aplicat, mai degrabă decât pe elementele de bază, probabil că veți avea nevoie de cel puțin o înțelegere de bază a JavaScript-ului pentru a obține valoare din aceste tutoriale. Dacă sună ca tine, te invit să sapi și să înveți ceva JavaScript aplicabil WordPress!

Tutoriale utile JavaScript pentru dezvoltatorii WordPress

Înainte de a ajunge la lista de tutoriale, vreau să petrec o secundă oferind câteva informații despre modul în care am început să construiesc această listă.

După cum am menționat în introducere, aceasta nu este o listă de tutoriale generale care să vă ajute să învățați JavaScript. Mai degrabă, pentru a intra pe această listă, am căutat două lucruri:

• Resursa este specifică aplicării JavaScript la WordPress
• Conținutul acoperă ceva „cărnos”. Adică, este mai mult decât un scurt fragment de cod sau o scurtă explicație.

Dincolo de aceste două cerințe, tutorialele din această listă acoperă o gamă destul de eclectică de aplicații. În plus, majoritatea sunt tutoriale independente, deși unele sunt cursuri sau colecții mai largi.

Și, în cele din urmă, majoritatea tutorialelor sunt gratuite, dar există și câteva opțiuni plătite amestecate în listă. Voi avea grijă să menționez care este, astfel încât să puteți găsi ceva care se potrivește bugetului dvs. (sau cu lipsa acestuia).

Ok - suficient chat. Să trecem la listă ...

1. Folosiți AngularJS ca WordPress Frontend

În acest tutorial de la Andrea Terzani, vă trece prin construirea unei aplicații AngularJS simple pentru a difuza conținutul postării. Andrea este italian, deci gramatica nu este întotdeauna perfectă ( asta nu este o critică, apreciez bilingvismul!) , Dar include o mulțime de exemple de coduri și poți lua oricând întregul pachet de pe pagina lui GitHub.

Preț: gratuit | Mai multe informatii

2. JavaScript pentru WordPress

Zac Gordon este destul de cunoscut în comunitatea WordPress datorită tutorialelor sale Treehouse, precum și discuțiilor sale la un număr mare de evenimente WordCamp.

JavaScript pentru WordPress este programul său de „curs master” pentru învățarea JavaScript, așa cum se aplică WordPress.

Cursul nu este nici public, nici gratuit. De fapt, trebuie să rezervați un loc înainte de a vă putea înscrie chiar la curs.

Asta pentru că Zac preferă să lucreze fie individual, fie în cohorte mici, mai degrabă decât să adopte o abordare mai „setată și uitată” de învățare.

Această atenție personală nu este ieftină - cursul se ridică la 697 USD. Dar dacă sunteți serios despre învățarea JavaScript pentru dezvoltarea WordPress, acreditările lui Zac susțin cu siguranță prețul ridicat.

Preț: 697 USD | Mai multe informatii

3. Construirea pluginurilor WordPress reactive

Delicious Brains, producătorii pluginului WP Migrate DB, mult iubit de către dezvoltatori, au publicat pe blogul lor WordPress o mulțime de tutoriale de calitate axate pe dezvoltatori. Această serie din trei părți despre crearea de pluginuri WordPress reactive nu face excepție.

Fiecare dintre cele trei postări din serie se concentrează pe construirea aceluiași plugin WordPress simplu, doar cu o tehnologie front-end diferită.

În întreaga serie, puteți vedea cum este construit pluginul cu:

• Backbone.js
• Vue.js
• Ulm

Tutorialele sunt lungi și bine explicate, așa că veți obține cu siguranță o tonă de valoare din această serie.

Preț: gratuit | Mai multe informatii

4. Utilizarea Backbone în WordPress Admin

În acest tutorial din două părți de la Envato Tuts +, veți învăța mai întâi cum să aplicați Backbone JS în backend-ul WordPress, urmat de a doua parte despre utilizarea Backbone pe, l-ați ghicit, frontend.

Shane Osbourne vă duce prin toate, inclusiv o mulțime de exemple de coduri și capturi de ecran.

După cum este normal, puteți verifica, de asemenea, secțiunea de comentarii pentru o dezbatere despre calitatea codului.

Preț: gratuit | Mai multe informatii

5. Tutoriale Yoren Chang despre construirea temelor cu AngularJS și WP REST API

Din octombrie 2014, hobby-ul lui Yoren Chang construiește teme WordPress cu AngularJS. De ce este important acest lucru pentru tine? Pentru că de-a lungul timpului, el și-a documentat hobby-ul în mai multe posturi de tutoriale de pe site-ul său.

În prezent, a postat 21 de tutoriale diferite, toate dedicate utilizării AngularJS cu teme WordPress.

Unele dintre tutoriale sunt hit-uri rapide, în timp ce altele aprofundează puțin. Puneți-le pe toate împreună, totuși, și aveți o colecție profundă care vă va ține ocupat destul de mult timp.

Preț: gratuit | Mai multe informatii

6. Lucrul cu JavaScript și WordPress

Lucrul cu JavaScript și WordPress este un curs scurt PluralSight de la dezvoltatorul Brian Hogg.

La mai puțin de 2 ore, cursul nu este un angajament prea mare. Vă duce printr-o scurtă introducere, folosind JavaScript în pluginuri și teme și folosind AJAX pentru a trimite și salva date.

În timp ce aveți nevoie tehnic de abonament PluralSight pentru a accesa cursul, puteți obține o încercare gratuită PluralSight de 10 zile, care ar trebui să vă ofere mai mult decât suficient timp pentru a consuma cursul.

Preț : gratuit cu încercare gratuită | Mai multe informatii

7. Crearea aplicațiilor cu o singură pagină cu WordPress și Angular.js

Acest tutorial JavaScript este o adăugare mai recentă de la Tom Whitbread la Envato Tuts +. După cum probabil puteți obține din nume, vă duce prin procesul de utilizare a AngularJS pentru a crea o aplicație de o singură pagină bazată pe WordPress.

De asemenea, puteți găsi tot codul lui Tom pe pagina sa GitHub.

Preț: gratuit | Mai multe informatii

8. Cum să construiești aplicații React deasupra API-ului WordPress REST

Acesta este altul în care puteți obține o idee destul de bună despre ceea ce este acoperit doar din titlu!

Dincolo de profunzimea în care a intrat Andrey, autorul, îmi place, de asemenea, că acest tutorial are o secțiune solidă de comentarii pentru o dezbatere suplimentară.

De asemenea, puteți consulta o demonstrație a front-end-ului de bază pe care îl veți construi, precum și pagina GitHub a lui Andrey cu tot codul.

Preț: gratuit | Mai multe informatii

9. O rută simplă către scrierea unei aplicații React.js într-un plugin WordPress

WPShout este bine-cunoscut în comunitate pentru tutorialele WordPress axate pe dezvoltatori. Deși în niciun caz nu se concentrează exclusiv pe JavaScript, acest tutorial de la Fred pătrunde într-un subiect similar cu cel anterior, arătându-vă cum să scrieți o aplicație React.js într-un plugin WordPress.

Dincolo de exemplele de cod din postare, Fred include și un fișier ZIP cu codul complet din demonstrație.

Preț: gratuit | Mai multe informatii

10. JavaScript pentru dezvoltatorii WordPress de la WPMUDev

Daniel Pataki, editorul WordPress al Revistei Smashing și autor unic la Elegant Themes, a creat împreună cu WPMUDev un JavaScript cu mai multe părți pentru seria WordPress Developers.

Cursul se dezvoltă de la elementele de bază până la subiecte mai avansate. Este un pic mai prietenos cu începătorii JavaScript decât unele dintre tutorialele mai avansate din această listă. Deci, dacă v-ați simțit puțin pierdut până acum, acesta ar putea fi un loc bun pentru a începe.

Preț: gratuit | Mai multe informatii

11. Aplicații cu o singură pagină folosind AngularJS și WordPress REST API

Acesta este un tutorial detaliat de la Almir la SitePoint. Vă oferă o privire aprofundată asupra utilizării AngularJS pentru a crea o aplicație de o singură pagină bazată pe WordPress și API-ul REST.

Almir include pagini separate GitHub atât pentru aplicația Angular, cât și pentru tema copil WordPress pe care o folosește în exemplu, astfel încât ar trebui să puteți urmări cu ușurință împreună cu tot ceea ce se întâmplă.

Preț: gratuit | Mai multe informatii

Înfășurarea lucrurilor

Având în vedere accentul crescut pe API-ul REST, JavaScript și WordPress vor fi din ce în ce mai aproape. Din martie 2017, puteți găsi chiar teme bazate pe JavaScript în depozitul WordPress.org.

Deci, dacă doriți să țineți pasul cu comunitatea WordPress, trebuie, așa cum a spus Matt, „Aflați JavaScript, profund”.

Sper că cel puțin un tutorial JavaScript din această listă a ajutat. Și dacă cunoașteți un tutorial minunat care merită să fie pe această listă, ar fi minunat dacă l-ați putea împărtăși în comentarii, astfel încât să putem îmbunătăți această resursă și mai bine în colaborare.

Imagine în miniatură a articolului de Teguh Jati Prasetyo / shutterstock.com