10+ Tutorial Javascript Bermanfaat untuk Pengembang WordPress di 2017

Dalam pidato State of the Word tahun 2015 karya Matt Mullenweg, dia memberikan tugas pekerjaan rumah kepada seluruh komunitas WordPress – “Pelajari JavaScript, Mendalam.” Fokus itu, bersama dengan perkembangan seperti Calypso dan REST API, itulah sebabnya kami baru saja menerbitkan posting tutorial JavaScript dasar untuk pemula untuk memulai JavaScript.

Posting itu berfokus sepenuhnya pada tutorial JavaScript dasar. Dalam posting ini, saya akan membahas sedikit lebih jauh dan memberi Anda daftar konten tutorial JavaScript yang berfokus secara khusus pada JavaScript yang berlaku untuk WordPress .

Karena fokusnya adalah pada JavaScript yang diterapkan, daripada dasar-dasarnya, Anda mungkin memerlukan setidaknya pemahaman dasar tentang JavaScript untuk mendapatkan nilai dari tutorial ini. Jika itu terdengar seperti Anda, saya mengundang Anda untuk menggali dan mempelajari beberapa JavaScript yang berlaku untuk WordPress!

Tutorial JavaScript Bermanfaat untuk Pengembang WordPress

Sebelum saya masuk ke daftar tutorial, saya ingin meluangkan waktu sejenak untuk memberikan beberapa latar belakang tentang bagaimana saya sebenarnya membangun daftar ini.

Seperti yang saya sebutkan di intro, ini bukan daftar tutorial umum untuk membantu Anda mempelajari JavaScript. Sebaliknya, untuk masuk dalam daftar ini saya mencari dua hal:

• Sumber daya secara khusus tentang menerapkan JavaScript ke WordPress
• Isinya mencakup sesuatu yang “berdaging”. Artinya, ini lebih dari sekadar cuplikan kode pendek atau penjelasan singkat.

Di luar dua persyaratan tersebut, tutorial dalam daftar ini mencakup berbagai aplikasi yang cukup beragam. Selain itu, sebagian besar tutorial mandiri, meskipun beberapa kursus atau koleksi yang lebih luas.

Dan akhirnya, sebagian besar tutorial gratis, tetapi ada juga beberapa opsi berbayar yang bercampur dalam daftar. Saya akan memastikan untuk mencatat yang mana sehingga Anda dapat menemukan sesuatu yang sesuai dengan anggaran Anda (atau kekurangannya).

Oke – cukup mengobrol. Yuk masuk ke daftarnya…

1. Gunakan AngularJS sebagai WordPress Frontend

Dalam tutorial dari Andrea Terzani ini, ia membawa Anda melalui pembuatan aplikasi AngularJS sederhana untuk menyajikan konten postingan. Andrea adalah orang Italia, jadi tata bahasanya tidak selalu sempurna ( itu bukan kritik, saya menghargai bilingualisme!) , tetapi dia menyertakan banyak contoh kode, dan Anda selalu dapat mengambil seluruh paket dari halaman GitHub-nya.

Harga: Gratis | Informasi Lebih Lanjut

2. JavaScript untuk WordPress

Zac Gordon cukup terkenal di komunitas WordPress berkat tutorial Treehouse-nya serta ceramahnya di sejumlah besar acara WordCamp.

JavaScript untuk WordPress adalah program "kursus master" untuk mempelajari JavaScript yang berlaku untuk WordPress.

Kursus ini tidak tersedia untuk umum atau gratis. Bahkan, Anda harus memesan tempat duduk sebelum dapat mengikuti kursus.

Itu karena Zac lebih suka bekerja satu lawan satu atau dalam kelompok kecil, daripada mengambil pendekatan pembelajaran yang lebih "atur dan lupakan".

Perhatian pribadi itu tidak murah – kursusnya berharga $697. Tetapi jika Anda serius mempelajari JavaScript untuk pengembangan WordPress, kredensial Zac pasti mendukung label harga tinggi.

Harga: $697 | Informasi Lebih Lanjut

3. Membangun Plugin WordPress Reaktif

Delicious Brains, pembuat plugin WP Migrate DB yang sangat disukai oleh pengembang, mengeluarkan banyak tutorial berkualitas yang berfokus pada pengembang di blog WordPress mereka. Seri tiga bagian tentang membangun plugin WordPress reaktif ini tidak terkecuali.

Masing-masing dari tiga posting dalam seri ini berfokus pada pembuatan plugin WordPress sederhana yang sama, hanya dengan teknologi front-end yang berbeda.

Di seluruh seri, Anda dapat melihat bagaimana plugin dibuat dengan:

• Backbone.js
• Vue.js
• Elm

Tutorialnya panjang dan dijelaskan dengan baik, jadi Anda pasti akan mendapatkan banyak nilai dari seri ini.

Harga: Gratis | Informasi Lebih Lanjut

4. Menggunakan Backbone Dalam Admin WordPress

Dalam tutorial dua bagian dari Envato Tuts+ ini, pertama-tama Anda akan belajar bagaimana menerapkan Backbone JS di dalam backend WordPress, diikuti oleh bagian kedua tentang menggunakan Backbone, Anda dapat menebaknya, frontend.

Shane Osbourne membawa Anda melalui segalanya, termasuk banyak contoh kode dan tangkapan layar.

Seperti biasa, Anda juga dapat memeriksa bagian komentar untuk beberapa perdebatan tentang kualitas kode.

Harga: Gratis | Informasi Lebih Lanjut

5. Tutorial Yoren Chang Tentang Membangun Tema Dengan AngularJS dan WP REST API

Sejak Oktober 2014, hobi Yoren Chang adalah membangun tema WordPress dengan AngularJS. Mengapa itu penting bagi Anda? Karena selama ini, dia juga mendokumentasikan hobinya itu ke dalam beberapa postingan tutorial di situsnya.

Saat ini, dia memposting 21 tutorial berbeda, semuanya didedikasikan untuk menggunakan AngularJS dengan tema WordPress.

Beberapa tutorial adalah pemukul cepat singkat, sementara yang lain mempelajari sedikit lebih dalam. Namun, gabungkan semuanya, dan Anda memiliki koleksi yang dalam untuk membuat Anda sibuk selama beberapa waktu.

Harga: Gratis | Informasi Lebih Lanjut

6. Bekerja dengan JavaScript dan WordPress

Bekerja dengan JavaScript dan WordPress adalah kursus singkat PluralSight dari pengembang Brian Hogg.

Di bawah 2 jam, tentu saja tidak terlalu banyak komitmen. Ini membawa Anda melalui pengenalan singkat, menggunakan JavaScript di plugin dan tema, dan menggunakan AJAX untuk mengirim dan menyimpan data.

Meskipun secara teknis Anda memerlukan keanggotaan PluralSight untuk mengakses kursus, Anda bisa mendapatkan uji coba PluralSight 10 hari gratis yang akan memberi Anda lebih dari cukup waktu untuk menggunakan kursus.

Harga : Gratis dengan Uji Coba Gratis | Informasi Lebih Lanjut

7. Membuat Aplikasi Satu Halaman Dengan WordPress dan Angular.js

Tutorial JavaScript ini adalah tambahan yang lebih baru dari Tom Whitbread di Envato Tuts+. Seperti yang mungkin dapat Anda pelajari dari namanya, ini akan membawa Anda melalui proses menggunakan AngularJS untuk membangun aplikasi satu halaman berdasarkan WordPress.

Anda juga dapat menemukan semua kode Tom di halaman GitHub-nya.

Harga: Gratis | Informasi Lebih Lanjut

8. Bagaimana membangun aplikasi React di atas REST API WordPress

Ini adalah satu lagi di mana Anda bisa mendapatkan ide bagus tentang apa yang dicakup hanya dari judulnya!

Di luar kedalaman yang Andrey, penulis, masuki, saya juga suka bahwa tutorial ini memiliki bagian komentar yang solid untuk debat tambahan.

Anda juga dapat melihat demo front-end dasar yang akan Anda buat, serta halaman GitHub Andrey dengan semua kodenya.

Harga: Gratis | Informasi Lebih Lanjut

9. Rute Sederhana untuk Menulis Aplikasi React.js di Plugin WordPress

WPShout terkenal di komunitas karena tutorial WordPress yang berfokus pada pengembang. Meskipun mereka tidak fokus secara eksklusif pada JavaScript, tutorial dari Fred ini menggali topik yang sama seperti tutorial sebelumnya dengan menunjukkan kepada Anda cara menulis aplikasi React.js di dalam plugin WordPress.

Di luar contoh kode di pos, Fred juga menyertakan file ZIP dengan kode lengkap dari demo.

Harga: Gratis | Informasi Lebih Lanjut

10. JavaScript untuk Pengembang WordPress dari WPMUdev

Daniel Pataki, editor WordPress di Smashing Magazine dan penulis satu kali di Elegant Themes, mengumpulkan seri JavaScript untuk Pengembang WordPress multi-bagian di WPMUDev.

Kursus ini dibangun dari dasar hingga topik yang lebih maju. Ini sedikit lebih ramah untuk pemula JavaScript daripada beberapa tutorial lanjutan dalam daftar ini. Jadi jika Anda merasa sedikit tersesat sampai sekarang, ini mungkin tempat yang baik untuk memulai.

Harga: Gratis | Informasi Lebih Lanjut

11. Aplikasi Halaman Tunggal Menggunakan AngularJS dan WordPress REST API

Yang ini adalah tutorial terperinci dari Almir di SitePoint. Ini memberi Anda pandangan mendalam tentang penggunaan AngularJS untuk membangun aplikasi satu halaman berdasarkan WordPress dan REST API.

Almir menyertakan halaman GitHub terpisah untuk aplikasi Angular dan tema anak WordPress yang ia gunakan dalam contoh, jadi Anda harus dapat dengan mudah mengikuti semua yang terjadi.

Harga: Gratis | Informasi Lebih Lanjut

Membungkus Semuanya

Dengan meningkatnya fokus pada REST API, JavaScript dan WordPress akan semakin dekat. Mulai Maret 2017, Anda bahkan dapat menemukan tema berbasis JavaScript di repositori WordPress.org.

Jadi, jika Anda ingin mengikuti komunitas WordPress, Anda perlu, seperti yang dikatakan Matt, “Belajar JavaScript, Mendalam”.

Saya harap setidaknya satu tutorial JavaScript di daftar ini membantu. Dan jika Anda mengetahui tutorial hebat yang layak masuk dalam daftar ini, alangkah baiknya jika Anda dapat membagikannya di komentar sehingga kami dapat bersama-sama membuat sumber daya ini menjadi lebih baik.

Gambar thumbnail artikel oleh Teguh Jati Prasetyo / shutterstock.com