Getting Started
First Coding Steps: PHP
WordPress Specific PHP
Pages
Building the Blog Section
Events Post Type
Programs Post Type
Professors Post Type
Cleaner Code (Less Duplication)
JavaScript Preparation
Campus Post Type
Live Search (UI JavaScript)
WordPress REST API (AJAX)
Customizing The REST API
Combining Front-End & Back-End
-
3 Column Layout for Search Overlay (19:58)
-
Custom Layout & JSON based on Post Type (19:33)
-
Quick Note About The Next Lesson
-
Search Logic That's Aware of Relationships (16:02)
-
Search Logic That's Aware of Relationships (Part 2) (19:46)
-
Completing Our Search Overlay (14:25)
-
jQuery Free Live Search (6:51)
Non-JS Fallback Traditional Search
User Roles and Permissions
User Generated Content
-
"My Notes" Feature (19:59)
-
"My Notes" Front-end Part 1 (7:31)
-
"My Notes" Front-end Part 2 (14:55)
-
Quick Note About The Next Lesson
-
Delete Posts with the REST API (17:51)
-
Edit / Update Posts with the REST API (18:30)
-
Creating New Notes (14:52)
-
Creating New Notes (Part 2) (8:48)
-
Note Permissions and Security (Part 1) (19:58)
-
Note Permissions and Security (Part 2) (19:59)
-
Per-User Post Limit (19:56)
-
Quick Note About CSS
-
jQuery Free My Notes (6:13)
Like or "Heart" Count for Professors
-
Let Users "Like" Content (Part 1) (19:31)
-
Let Users "Like" Content (Part 2) (12:54)
-
Creating Custom POST and DELETE Endpoints (14:13)
-
Programmatically Create a Post (19:17)
-
Enforce Limit of One Like Per User / Teacher Combo (17:28)
-
Don't Forget About The "isset" Solution
-
Completing the LikeBox (19:45)
-
Reminder To Use "isset" In Our LikeBox HTML Output
-
jQuery Free LikeBox (2:18)
Going Live: Deploying Our WordPress Site
-
Going Live With Our Website (4:04)
-
The Different Web Hosts & Plans To Consider (12:37)
-
Installing WordPress On Our Live Site (9:07)
-
Migrate Local WP Site To Live Site (11:46)
-
Getting Started With GIt (14:10)
-
How To Log Into Our Live Site With SSH (10:43)
-
Turn Live Site Into Git Host (Bare Repo) (17:57)
-
Passwordless SSH Login (12:16)
Extra Credit Challenges & Topics
Plugin Development: PHP
-
Introduction to Plugin Development (13:35)
-
Let's Create Our First Plugin (10:39)
-
Adding a Settings Page For Our Plugin (14:59)
-
Settings API (Saving Settings Data) (19:51)
-
Finishing Our Settings Form (19:58)
-
Actually Counting the Words, Characters, and Read Time (19:56)
-
Translations / Localization (For PHP) (19:43)
-
Admin Sub-Menu (15:59)
-
Custom Admin Menu Icon (17:05)
-
Solution To Undefined Array Key Message In Next Lesson
-
Alternative: Manually Handling Admin Form Submit (15:23)
-
Finishing Word Filter Plugin (18:03)
Plugin Development: Blocks, Gutenberg & React
Plugin: Multiple Choice Block Type (React)
-
Quick Note About Loading Block Asset Files
-
Starting Our Multiple Choice Block Type (18:25)
-
Styling Our Block (11:25)
-
Event Handling & Updating Block Attributes (19:59)
-
Focus New Field For Immediate Typing
-
Setting Up The Correct Answer (19:52)
-
If You're Using a Block Theme: Load Your JS In The Footer
-
How To Use React on The Front-End of WordPress (18:51)
-
Passing Block Data From PHP Into JavaScript / React (12:25)
-
Letting Users Click On (Guess) An Answer (15:15)
-
Attention To Detail (14:36)
-
A Note About Animations / Transitions in React
-
Let Admin Choose Background Color of Block (15:06)
-
Block Text Alignment & Block Preview (8:30)
-
Using The "block.json" File (17:27)
Plugin: Featured Professor
-
Starting Our Featured Professor Plugin (14:23)
-
Loading a List of Professors (13:09)
-
Displaying Professor Info (19:58)
-
Professor Preview in Editor (Part 1) (5:22)
-
Professor Preview in Editor (Part 2) (19:22)
-
Control Post Meta With Block Type (19:57)
-
Add Related Posts to Professor Detail Page (12:06)
-
Translations / Localization (For JavaScript) (11:29)
Plugin Development: Custom SQL Database Table
-
Understanding The Pros and Cons of the "Post" Paradigm (19:59)
-
Creating Our Own Custom Table (19:42)
-
Querying Our Table (16:06)
-
Building Dynamic Queries (Part 1) (10:56)
-
Quick Note About PHP Arrays
-
PHP Warnings In The Next Lesson
-
Building Dynamic Queries (Part 2) (17:34)
-
Reminder Of PHP Warning Solution
-
Create Pet From Front-End (11:34)
-
Delete Pet From Front-End (9:40)
-
Converting Plugin To Be a Block Type Plugin Instead
Block Themes & Full Site Editing
-
Note About 2024 Block Best Practices
-
What Is Full Site Editing? (10:10)
-
Important Note: theme.json File Needed
-
Creating A Block Theme (19:58)
-
Where Should We Begin With Block Themes? (10:39)
-
Custom Banner Block (Part 1) (4:39)
-
Custom Banner Block (Part 2) (18:54)
-
Check For "isset" in Your Functions File
-
Making Our Block Editable (10:15)
-
Generic Heading Block (12:14)
-
Finishing Generic Heading Block (18:49)
-
What Is "theme.json" In A Block Theme? (Part 1) (2:51)
-
What Is "theme.json" In A Block Theme? (Part 2) (19:35)
-
How To Disable Most Typography & Color Choices
-
Custom Button Block (Part 1) (5:01)
-
Custom Button Block (Part 2) (19:11)
-
Color Picker For Button Block (Part 1) (11:06)
-
Color Picker For Button Block (Part 2) (14:10)
-
Quick Note About Link Chooser Popover
-
Our PHP Render Approach (18:50)
-
User Uploaded Background Images (Part 1) (10:15)
-
About Undefined Array Key Warnings
-
User Uploaded Background Images (Part 2) (14:16)
-
Reminder To Use "isset" In Our "banner.php" File
-
Quick Details: Banner Block (9:08)
-
Events And Blogs Area (Part 1) (6:25)
-
Events And Blogs Area (Part 2) (14:38)
-
Header & Footer Blocks (12:45)
-
Slideshow Block (Part 1) (16:55)
-
Quick Note About isset()
-
Slideshow Block (Part 2) (11:19)
-
Templates (Part 1) (8:30)
-
Quick Note About empty()
-
Templates (Part 2) (12:21)
-
Note About The Next Several Lessons (6:11)
-
Single Page & Post Templates (18:40)
-
Don't Forget About Singular Content In Block Themes
-
Remaining Templates (14:40)
-
Reminder To Use "isset" In Our "singleprofessor.php" File
-
Only Allow Certain Block Types In Certain Editor Environments (7:52)
-
Quick Note About Custom Templates In The Next Lesson
-
Creating A "Blank" Template For Landing Pages (6:05)
Keeping Blocks Organized (Modern 2024 Approach)
The Interactivity API
-
What Is The Interactivity API? (6:10)
-
Creating Our Interactive Block (19:13)
-
What Is Context In The Interactivity API? (14:12)
-
Rendering HTML With The Interactivity API (13:28)
-
Automatically Convert PHP Data Into JS Data (19:58)
-
Show Congrats & Sorry Based on Context (16:27)
-
Callbacks In The Interactivity API (9:08)
-
When To Use State Instead of Context (17:11)
Final Chapter
