2017 年為 WordPress 開發人員提供的 10 多個有用的 Javascript 教程

在 Matt Mullenweg 的 2015 State of the Word 地址中，他給整個 WordPress 社區佈置了一項家庭作業——“深入學習 JavaScript”。 這一重點，以及 Calypso 和 REST API 等開發，就是為什麼我們剛剛發布了一篇基本的 JavaScript 教程帖子，供初學者開始使用 JavaScript。

不過，那篇文章完全側重於基本的 JavaScript 教程。 在這篇文章中，我將更進一步，為您提供一個 JavaScript 教程列表，其中包含專門針對適用於 WordPress 的 JavaScript的內容。

因為重點是應用 JavaScript，而不是基礎知識，所以您可能至少需要對 JavaScript 有基本的了解才能從這些教程中獲得價值。 如果這聽起來像您，我邀請您深入研究並學習一些適用於 WordPress 的 JavaScript！

適用於 WordPress 開發人員的有用 JavaScript 教程

在我進入教程列表之前，我想花一點時間介紹一下我實際上是如何構建這個列表的背景知識。

正如我在介紹中提到的，這不是幫助您學習 JavaScript 的一般教程列表。 相反，為了讓它出現在這個列表中，我正在尋找兩件事：

• 該資源專門用於將 JavaScript 應用於 WordPress
• 內容涵蓋了一些“肉”。 也就是說，它不僅僅是一個簡短的代碼片段或簡短的解釋。

除了這兩個要求之外，此列表中的教程涵蓋了相當廣泛的應用程序範圍。 此外，大多數是獨立教程，但有些是更廣泛的課程或合集。

最後，大多數教程都是免費的，但列表中也混雜了一些付費選項。 我會確保記下哪個是哪個，以便您可以找到適合您預算（或缺乏預算）的東西。

好吧——聊夠了。 讓我們來看看清單……

1. 使用 AngularJS 作為 WordPress 前端

在 Andrea Terzani 的本教程中，他將帶您構建一個簡單的 AngularJS 應用程序來提供帖子內容。 Andrea 是意大利人，所以語法並不總是完美的（這不是批評，我欣賞雙語！） ，但他包含了大量代碼示例，您可以隨時從他的 GitHub 頁面獲取整個包。

價格：免費 | 更多信息

2. WordPress 的 JavaScript

由於他的 Treehouse 教程以及他在大量 WordCamp 活動中的演講，Zac Gordon 在 WordPress 社區中相當有名。

JavaScript for WordPress 是他的“碩士課程”，用於學習適用於 WordPress 的 JavaScript。

該課程既不公開也不免費。 事實上，您必須預訂座位才能加入課程。

那是因為 Zac 更喜歡一對一或小組合作，而不是採取更多“一勞永逸”的學習方法。

這種個人關注並不便宜——這門課程的價格是 697 美元。 但是，如果您真的想為 WordPress 開發學習 JavaScript，那麼 Zac 的憑據肯定會支持高昂的價格標籤。

價格： 697 美元 | 更多信息

3. 構建反應式 WordPress 插件

Delicious Brains 是深受開發人員喜愛的 WP Migrate DB 插件的製造商，在他們的 WordPress 博客上發布了大量以開發人員為中心的高質量教程。 這三部分關於構建反應式 WordPress 插件的系列也不例外。

該系列的三篇文章中的每一篇都專注於構建相同的簡單 WordPress 插件，只是使用了不同的前端技術。

在整個系列中，您可以看到插件是如何構建的：

• 主幹.js
• Vue.js
• 榆樹

教程冗長且解釋清楚，因此您肯定會從本系列中獲得大量價值。

價格：免費 | 更多信息

4. 在 WordPress 管理員中使用 Backbone

在 Envato Tuts+ 的兩部分教程中，您將首先學習如何在 WordPress 後端中應用 Backbone JS，然後是關於在前端使用 Backbone 的第二部分。

Shane Osbourne 帶您了解所有內容，包括大量代碼示例和屏幕截圖。

按照慣例，您還可以查看評論部分，了解有關代碼質量的一些爭論。

價格：免費 | 更多信息

5. Yoren Chang 的使用 AngularJS 和 WP REST API 構建主題的教程

自 2014 年 10 月以來，Yoren Chang 的愛好一直是使用 AngularJS 構建 WordPress 主題。 為什麼這對你很重要？ 因為在那段時間裡，他還在他的網站上將他的愛好記錄到了許多教程帖子中。

目前，他發布了 21 個不同的教程，所有教程都致力於將 AngularJS 與 WordPress 主題結合使用。

一些教程是簡短的快速入門，而其他教程則深入一點。 不過，把它們放在一起，你就有了一個很深的收藏，可以讓你忙上一段時間。

價格：免費 | 更多信息

6. 使用 JavaScript 和 WordPress

使用 JavaScript 和 WordPress 是開發人員布賴恩霍格的一個簡短的 PluralSight 課程。

在不到 2 小時的時間內，課程並沒有太多的承諾。 它將帶您了解一個簡短的介紹，在插件和主題中使用 JavaScript，以及使用 AJAX 發送和保存數據。

雖然您在技術上需要 PluralSight 會員資格才能訪問該課程，但您可以獲得 10 天的 PluralSight 免費試用期，這將使您有足夠的時間來學習該課程。

價格：免費提供免費試用 | 更多信息

7. 使用 WordPress 和 Angular.js 創建單頁應用程序

這個 JavaScript 教程是來自 Envato Tuts+ 的 Tom Whitbread 的最新補充。 正如您可能從名稱中了解到的那樣，它會帶您完成使用 AngularJS 構建基於 WordPress 的單頁應用程序的過程。

您還可以在他的 GitHub 頁面上找到 Tom 的所有代碼。

價格：免費 | 更多信息

8. 如何在 WordPress REST API 之上構建 React 應用程序

這是另一個，您可以從標題中很好地了解所涵蓋的內容！

除了作者 Andrey 深入探討的深度之外，我還喜歡本教程有一個堅實的評論部分，以增加辯論。

您還可以查看您將要構建的基本前端的演示，以及包含所有代碼的 Andrey 的 GitHub 頁面。

價格：免費 | 更多信息

9. 在 WordPress 插件中編寫 React.js 應用程序的簡單途徑

WPShout 因其以開發人員為中心的 WordPress 教程而在社區中廣為人知。 雖然他們絕不只專注於 JavaScript，但 Fred 的本教程通過向您展示如何在 WordPress 插件中編寫 React.js 應用程序，深入探討了與上一教程類似的主題。

除了帖子中的代碼示例之外，Fred 還包含一個 ZIP 文件，其中包含演示中的完整代碼。

價格：免費 | 更多信息

10. 來自 WPMUDev 的 WordPress 開發者的 JavaScript

Daniel Pataki 是 Smashing Magazine 的 WordPress 編輯，也是 Elegant Themes 的前作者，在 WPMUDev 上為 WordPress 開發者係列編寫了多部分 JavaScript。

該課程從基礎到更高級的主題。 與此列表中的一些更高級的教程相比，它對 JavaScript 初學者更友好一些。 因此，如果您到現在為止都覺得有些失落，那麼這可能是一個不錯的起點。

價格：免費 | 更多信息

11. 使用 AngularJS 和 WordPress REST API 的單頁應用程序

這是來自 SitePoint 的 Almir 的詳細教程。 它讓您深入了解如何使用 AngularJS 構建基於 WordPress 和 REST API 的單頁應用程序。

Almir 為 Angular 應用程序和他在示例中使用的 WordPress 子主題提供了單獨的 GitHub 頁面，因此您應該能夠輕鬆了解正在發生的一切。

價格：免費 | 更多信息

總結

隨著對 REST API 的日益關注，JavaScript 和 WordPress 只會越來越近。 截至 2017 年 3 月，您甚至可以在 WordPress.org 存儲庫中找到基於 JavaScript 的主題。

所以，如果你想跟上 WordPress 社區的步伐，你需要像 Matt 所說的那樣，“深入學習 JavaScript”。

我希望此列表中至少有一個 JavaScript 教程有所幫助。 如果您知道一個值得列入此列表的優秀教程，那麼您可以在評論中分享它，這樣我們就可以合作使該資源變得更好。

文章縮略圖由 Teguh Jati Prasetyo/shutterstock.com 提供