Creating a new task involves capturing data and sending it to WordPress via the REST API. Get an overview of what's involved.
- [Instructor] Task List view complete,…we can now move on to the new Task View.…Here we have a standard form that captures…the Task title, Task description,…task prediction, and some radio buttons…that capture the current stress level,…as well as a submit button at the very bottom.…You'll notice that I've also moved the main navigation…down to the bottom here because if someone…goes to a new task, they're likely looking…to create a new task and don't want to…navigate away until they're done.…The new task functionality is captured…in newtask.html, and if we scroll down into this file,…you'll find that entire form right here.…
The ID for the form is set to "task-form"…and the method is set to "POST"…because technically we are posting this information,…however, we are going to catch what the form is posting…and then send it through the rest API instead of…sending it through the regular browser means.…The form itself consists of standard…accessible form elements, like here we have the title,…then we have the text area for the description,…
Author
Released
8/22/2017- Planning the application
- Extending WordPress with a plugin
- Setting up the standalone application
- Configuring OAuth 2 in WordPress
- Building the task list view
- Building the new task view
- Creating a new task via the REST API
- Displaying conditional content
- Visualizing data using Graph.js
Skill Level Advanced
Duration
Views
Related Courses
-
WordPress: REST API
with Morten Rand-Hendriksen2h 6m Advanced -
React.js Essential Training
with Eve Porcello3h 12m Intermediate -
D3.js: Data Visualization
with Ray Villalobos3h 20m Intermediate
-
Introduction
-
Welcome1m 18s
-
Prerequisites2m 17s
-
Exercise files2m 40s
-
-
1. Plan the Application
-
2. Extend WordPress with a Plugin
-
Create a plugin2m 50s
-
Flush rewrite rules3m 2s
-
Create task logger role3m 53s
-
Assign capabilities to roles6m 49s
-
Create custom meta boxes6m 11s
-
CMB2 fields in the REST API3m 29s
-
3. Set Up the Standalone Application
-
Review of user flow2m 34s
-
-
4. Build the Task List View
-
Display each task as a card6m 44s
-
Display task status2m 17s
-
5. Build the New Task View
-
6. Build the Update/View Task View
-
Create basic task display2m 34s
-
Display conditional content2m 33s
-
7. Bonus Features
-
Conclusion
-
Encrypt all the things2m 3s
-
Thanks2m 34s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Overview of the new task form