2017年のWordPress開発者向けの10以上の役立つJavascriptチュートリアル

公開: 2017-08-21

MattMullenwegの2015年のStateof the Wordアドレスで、彼はWordPressコミュニティ全体に宿題を与えました–「JavaScriptを深く学ぶ」。その焦点は、CalypsoやREST APIなどの開発とともに、初心者がJavaScriptを使い始めるための基本的なJavaScriptチュートリアル投稿を公開した理由です。

ただし、その投稿は基本的なJavaScriptチュートリアルに完全に焦点を当てています。この投稿では、もう少し詳しく説明し、WordPressに適用されるJavaScriptに特に焦点を当てたコンテンツのJavaScriptチュートリアルリストを提供します。

基本ではなく、適用されたJavaScriptに焦点が当てられているため、これらのチュートリアルから価値を得るには、少なくともJavaScriptの基本的な理解が必要になる可能性があります。それがあなたのように聞こえる場合は、WordPressに適用可能なJavaScriptを掘り下げて学ぶことをお勧めします！

WordPress開発者のための役立つJavaScriptチュートリアル

チュートリアルのリストに入る前に、このリストを実際に作成する方法について少し背景を説明したいと思います。

イントロで述べたように、これはJavaScriptの学習に役立つ一般的なチュートリアルのリストではありません。むしろ、このリストに載せるために、私は2つのことを探していました。

このリソースは、特にJavaScriptをWordPressに適用することに関するものです
内容は「肉」をカバーしています。つまり、それは単なる短いコードスニペットや簡単な説明以上のものです。

これらの2つの要件を超えて、このリストのチュートリアルは、かなり折衷的な範囲のアプリケーションをカバーしています。さらに、ほとんどはスタンドアロンチュートリアルですが、より広範なコースまたはコレクションもあります。

そして最後に、ほとんどのチュートリアルは無料ですが、リストにはいくつかの有料オプションも混在しています。予算に合ったもの（または予算がないもの）を見つけることができるように、どちらがどれであるかを必ずメモしておきます。

わかりました–十分なチャット。リストに行きましょう…

1.WordPressフロントエンドとしてAngularJSを使用します

Andrea Terzaniによるこのチュートリアルでは、投稿コンテンツを提供するための単純なAngularJSアプリケーションの構築について説明します。 Andreaはイタリア語なので、文法が常に完璧であるとは限りません（批判ではありません。バイリンガリズムに感謝します！）が、彼にはたくさんのコード例が含まれており、GitHubページからいつでもパッケージ全体を入手できます。

価格：無料| 詳しくは

2.WordPress用のJavaScript

WordPress用のJavascript

Zac Gordonは、Treehouseチュートリアルと、膨大な数のWordCampイベントでの講演のおかげで、WordPressコミュニティでかなりよく知られています。

JavaScript for WordPressは、WordPressに適用されるJavaScriptを学習するための彼の「マスターコース」プログラムです。

このコースは公開も無料もありません。実際、コースに参加する前に座席を予約する必要があります。

これは、ザックが学習に対してより「設定して忘れる」アプローチを取るよりも、1対1または小規模なコホートで作業することを好むためです。

その個人的な関心は安くはありません–コースは697ドルで始まります。しかし、WordPress開発用のJavaScriptの学習に真剣に取り組んでいるのであれば、Zacのクレデンシャルは間違いなく高値を裏付けています。

価格： $ 697 | 詳しくは

3.リアクティブなWordPressプラグインの構築

開発者に非常に愛されているWPMigrateDBプラグインのメーカーであるDeliciousBrainsは、WordPressブログに開発者向けの高品質なチュートリアルを多数公開しています。リアクティブなWordPressプラグインの構築に関するこの3部構成のシリーズも例外ではありません。

シリーズの3つの投稿はそれぞれ、フロントエンドテクノロジーが異なるだけで、同じシンプルなWordPressプラグインの構築に焦点を当てています。

シリーズ全体で、プラグインがどのように構築されているかを確認できます。

Backbone.js
Vue.js
エルム

チュートリアルは長く、よく説明されているので、このシリーズから間違いなくたくさんの価値を得ることができます。

価格：無料| 詳しくは

4.WordPress管理者内でのバックボーンの使用

Envato Tuts +のこの2部構成のチュートリアルでは、最初にWordPressバックエンド内でBackbone JSを適用する方法を学び、次に、フロントエンドでBackboneを使用する方法について説明します。

Shane Osbourneが、たくさんのコード例やスクリーンショットなど、すべてを紹介します。

通常どおり、コメントセクションでコードの品質に関する議論を確認することもできます。

価格：無料| 詳しくは

5.AngularJSとWPRESTAPIを使用したテーマの構築に関するYorenChangのチュートリアル

2014年10月以来、YorenChangの趣味はAngularJSを使用してWordPressテーマを構築してきました。なぜそれがあなたにとって重要なのですか？その間、彼は自分の趣味を自分のサイトの多くのチュートリアル投稿に記録しているからです。

現在、彼は21の異なるチュートリアルを投稿しており、すべてWordPressテーマでAngularJSを使用することに専念しています。

チュートリアルの中には短いクイックヒッターのものもあれば、もう少し深く掘り下げるものもあります。しかし、それらをすべてまとめると、かなりの時間忙しくするための豊富なコレクションがあります。

価格：無料| 詳しくは

6.JavaScriptとWordPressの操作

JavaScriptとWordPressの操作は、開発者のBrianHoggによる短いPluralSightコースです。

2時間未満で、コースはあまりコミットメントではありません。プラグインとテーマでJavaScriptを使用し、AJAXを使用してデータを送信および保存する簡単な紹介を紹介します。

コースにアクセスするには技術的にPluralSightメンバーシップが必要ですが、コースを消費するのに十分な時間を与えるはずの10日間の無料PluralSightトライアルを取得できます。

価格：無料トライアル付き無料| 詳しくは

7.WordPressとAngular.jsを使用したシングルページアプリケーションの作成

このJavaScriptチュートリアルは、Envato Tuts +のTomWhitbreadから最近追加されたものです。名前からおそらくわかるように、AngularJSを使用してWordPressに基づくシングルページアプリケーションを構築するプロセスを紹介します。

トムのすべてのコードは、彼のGitHubページにもあります。

価格：無料| 詳しくは

8. WordPress RESTAPIの上にReactアプリを構築する方法

これは、タイトルだけで何がカバーされているかについてかなり良いアイデアを得ることができるもう1つのものです！

著者のアンドレイが深く掘り下げただけでなく、このチュートリアルに追加の議論のためのしっかりしたコメントセクションがあることも気に入っています。

また、構築する基本的なフロントエンドのデモや、すべてのコードが記載されたAndreyのGitHubページを確認することもできます。

価格：無料| 詳しくは

9.WordPressプラグインでReact.jsアプリを作成するための簡単なルート

WPShoutは、開発者向けのWordPressチュートリアルでコミュニティでよく知られています。 JavaScriptだけに焦点を当てているわけではありませんが、Fredによるこのチュートリアルでは、WordPressプラグイン内でReact.jsアプリを作成する方法を紹介することで、前のチュートリアルと同様のトピックを掘り下げています。

投稿のコード例に加えて、Fredにはデモの完全なコードを含むZIPファイルも含まれています。

価格：無料| 詳しくは

10.WPMUDevのWordPress開発者向けJavaScript

Smashing MagazineのWordPressエディターであり、ElegantThemesのかつての著者であるDanielPatakiは、WPMUDevでWordPress開発者向けのマルチパートJavaScriptシリーズをまとめました。

このコースは、基本からより高度なトピックまで構築されています。このリストにあるいくつかのより高度なチュートリアルよりも、JavaScriptの初心者にとっては少しわかりやすいです。ですから、これまで少し迷っていたと感じたら、ここから始めるのが良いかもしれません。

価格：無料| 詳しくは

11.AngularJSとWordPressRESTAPIを使用したシングルページアプリ

これは、SitePointのAlmirによる詳細なチュートリアルです。 AngularJSを使用して、WordPressとRESTAPIに基づいてシングルページアプリを構築する方法について詳しく説明します。

Almirには、Angularアプリと例で使用しているWordPressの子テーマの両方に個別のGitHubページが含まれているため、発生しているすべてのことを簡単に追跡できるはずです。

価格：無料| 詳しくは

まとめ

REST APIへの注目が高まるにつれ、JavaScriptとWordPressはますます近づいています。 2017年3月の時点で、JavaScriptベースのテーマもWordPress.orgリポジトリで見つけることができます。

したがって、WordPressコミュニティについていくには、Mattが言ったように、「JavaScriptを深く学ぶ」必要があります。

このリストの少なくとも1つのJavaScriptチュートリアルがお役に立てば幸いです。 そして、このリストに載るに値する素晴らしいチュートリアルを知っているなら、コメントでそれを共有して、私たちが協力してこのリソースをさらに良くすることができれば素晴らしいでしょう。

Teguh JatiPrasetyoによる記事のサムネイル画像/shutterstock.com