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 提供