JavaScript for WordPress (eng)

JavaScript for WordPress
курс Зака Гордона, автора популярных курсов по Вордпрессу, теперь раскроет базовые нюансы использования Javascript в контексте разработки Wordpress плагинов и шаблонов.
Видео 3:55
Язык английский
Уровень - средний

• JS in WP Themes & Plugins
• Ajax in WordPress
• The WP REST API
• WP API in Themes & Plugins
• Decouple WP API w Authentication
• Multiple Example Projects

Спойлер

Table of Contents
JavaScript for WordPress

• 
  00:00:00 - 00:03:21
  Introduction
  Zac Gordon introduces JavaScript for Workshop course. Zac reviews the importance of WordPress for the developer. - Скрытая ссылка
• 
  00:03:22 - 00:07:19
  WordPress and JavaScript Overview
  While a stable development platform already, WordPress is embracing JavaScript by adding an API. Showcasing some of the JavaScript features in WordPress, Zac reviews the history of WordPress' development past and future.
• 
  00:07:20 - 00:09:38
  Calypso
  Zac introduces Calypso, which is a re-envisioning of the WordPress application as a Single Page Application (SPA) built on React by the folks that make WordPress. - Скрытая ссылка
• 
  00:09:39 - 00:16:04
  Learn JavaScript, Deeply
  JavaScript is becoming essential and integrated with WordPress. After reviewing one of the critical messages of Matt Mullenweg's State of WordPress 2015 talk, Zac examines current JavaScript landscape in the core WordPress and the WordPress ecosystem. - Скрытая ссылка
• 
  00:16:05 - 00:19:21
  Course Agenda
  Zac reviews the JavaScript for WordPress course agenda.

Enqueuing JavaScript in a Theme

• 
  00:19:22 - 00:24:37
  Enqueueing Script
  After introducing the concept of enqueuing JavaScript, which is the process of loading JavaScript into a theme or administration area through the PHP functions, Zac introduces the wp_enqueue_script(). - Скрытая ссылка
• 
  00:24:38 - 00:27:29
  Localize Script
  Zac examines the wp_localize_script() function, which allows taking data from PHP to make available to Javascript.
• 
  00:27:30 - 00:30:20
  Enqueuing JavaScript in a Theme
  Zac reviews the methods and upcoming exercises for enqueue files into WordPress.
• 
  00:30:21 - 00:38:51
  Challenge 1: Enqueuing JavaScript into a Theme
  In this challenge, students locate and change the wp_enqueue_script() function to load a JavaScript file into a WordPress site. - Скрытая ссылка
• 
  00:38:52 - 00:40:10
  Challenge 1: Solution
  Zac walks through the solution to Challenge 1.
• 
  00:40:11 - 00:40:47
  Challenge 2: More Enqueuing JavaScript
  In this challenge, students work through the remaining enqueuing JavaScript exercises.
• 
  00:40:48 - 00:48:49
  Challenge 2: Solutions
  Zac walks through the solution to Challenge 2 by demonstrating how to load JavaScript files in the desired order due to dependencies; associate WordPress' internal jQuery; and pulling in an external JavaScript library. Zac takes questions from students.
• 
  00:48:50 - 00:54:17
  Challenge 2: Solutions, Part 2
  Zac continues to walk through the solution to Challenge 2 exercises by reviewing how to load JavaScript resources based on the page conditionally and how to pass data to JavaScript file. Zac takes questions from students.

Enqueuing JavaScript in a Plugin

• 
  00:54:18 - 00:58:21
  Adding JavaScript to WordPress Plugins
  Zac reviews how to place JavaScript resources into a WordPress plugin.
• 
  00:58:22 - 01:02:22
  Challenge and Solution 3: WordPress Plugins
  In this challenge, Zac demonstrates how to work through an exercise to enqueue JavaScript to a WordPress plugin in multiple ways.
• 
  01:02:23 - 01:03:09
  Challenge 4: More WordPress Plugins
  In this challenge, students add JavaScript to appear in WordPress administration area and a WordPress plugin page.
• 
  01:03:10 - 01:06:37
  Challenge 4: Solution
  Zac walks through the solution to Challenge 4.

Ajax in WordPress

• 
  01:06:38 - 01:11:42
  Introducing Ajax in WordPress
  After explaining that Ajax in WordPress means interacting with the database and codebase, Zac reviews how Ajax is handled within the WordPress with a nonce. A nonce is a hash associated with an Ajax call to help protect WordPress from invalid requests.
• 
  01:11:43 - 01:16:57
  Ajax Steps
  Zac reviews the steps involved to set up Ajax in WordPress.
• 
  01:16:58 - 01:17:59
  Challenge 5: Ajax in WordPress
  In this challenge, students create a "Like this Site" plugin.
• 
  01:18:00 - 01:28:59
  Challenge 5: Solution
  Zac walks through the solution to Challenge 5.
• 
  01:29:00 - 01:32:15
  Q&A
  Zac answers questions from students about Ajax, WordPress, and shortcodes and more.

WordPress REST API

• 
  01:32:16 - 01:40:37
  Introducing WordPress REST API
  Zac reviews the API for WordPress.
• 
  01:40:38 - 01:45:06
  Query Arguments
  Zac illustrates how to passing arguments to API URLs to customize the JSON responses.
• 
  01:45:07 - 01:45:56
  Challenge 6: WordPress REST API
  In this challenge, students work on accessing API endpoints.
• 
  01:45:57 - 01:56:13
  Challenge 6: Solution
  Zac walks through the solution to Challenge 6. Zac takes questions from students. - Скрытая ссылка
• 
  01:56:14 - 02:00:48
  Customizing API Endpoints
  In this challenge, students access WordPress API with simplified JSON.

Accessing API Inside of WordPress

• 
  02:00:49 - 02:05:45
  Introducing How To Access API Inside of WordPress
  Zac reviews the process for accessing and using API inside of WordPress.
• 
  02:05:46 - 02:08:41
  Challenge 7: Listing API Posts
  In this challenge, students retrieve a list of posts with the backbone client.
• 
  02:08:42 - 02:19:08
  Challenge 7: Solution
  Zac walks through the solution to Challenge 7.
• 
  02:19:09 - 02:19:49
  More API Posts
  Zac prompts students to continue working on the WordPress REST API exercises.
• 
  02:19:50 - 02:27:22
  Roundtable Q&A
  Zac solicits comments about working with JavaScript and WordPress from the class.
• 
  02:27:23 - 02:38:22
  Working with the REST API
  Zac reviews more possibilities and tips for working with the REST API, including using Vue in a WordPress theme.

Accessing API Outside of WordPress

• 
  02:38:23 - 02:41:04
  Introducing How To Access API Outside of WordPress
  Zac discusses the reasoning and benefits for accessing REST API outside of WordPress including using WordPress in a headless content management system (CMS).
• 
  02:41:05 - 02:48:49
  Deleting Posts with Rest API
  Zac demonstrates how to work with the REST API outside of WordPress to delete posts.
• 
  02:48:50 - 02:49:18
  Challenge 8: Listing Posts
  In this challenge, students lists posts and a single post using the REST API outside of WordPress.
• 
  02:49:19 - 02:52:02
  Challenge 8: Listing Posts, Part 2
  Zac discusses a few points about the structure in running WordPress decoupled including having WordPress and localhost needs to be on SSL.
• 
  02:52:03 - 03:05:32
  Challenge 8: Solution
  Zac walkthroughs the solution to Challenge 8.
• 
  03:05:33 - 03:10:28
  Decoupled Authentication with WordPress
  Zac reviews Basic Auth, JSON Web Tokens (JWT) Auth, OAuth 1 & 2, and WordPress API Broker as methods for setting up authentication. Zac walks through setting up decoupled authentication. - Скрытая ссылка
• 
  03:10:29 - 03:32:09
  Setting Up Decoupled Authentication with WordPress
  Zac walks through setting up decoupled authentication.
• 
  03:32:10 - 03:44:55
  Saving Posts
  Zac demonstrates how to save posts using a decoupled WordPress set up.
• 
  03:44:56 - 03:47:13
  Deleting Posts
  After showing how to save posts, Zac quickly shows how to delete posts.

Wrapping Up

• 
  03:47:14 - 03:53:49
  Reviewing the JavaScript for WordPress
  Zac reviews the topics discussed and examined in the course.
• 
  03:53:50 - 03:55:50
  Wrapping Up JavaScript for WordPress
  Wrapping up the JavaScript for WordPress course, Zac thanks the students.

Скрытая ссылка

Скрытая ссылка
Доступ к материалам - 39$/мес

Берем доступ на месяц, вытаскиваем все что можно (там есть еще куча разных курсов)