Become a WordPress Developer: Unlocking Power With Code

Udemy

Learn how to use PHP, JavaScript, WordPress concepts, and the WordPress REST API to develop personalized and dynamic WordPress websites.

Online

₹ 3099

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Welcome!

Welcome to the course!

Getting Started

What is a Dev environment? (Your first Installation)
If You're Unable to Install Local by Flywheel
First taste of PHP

First Coding Steps: PHP

A Note About URLs / My Address Bar
Creating a New Theme
PHP Functions
PHP Arrays

WordPress Specific PHP

The Famous "Loop" in WordPress
Header & Footer
Optional: If You Want To Skip To One of The Final Chapters In The Course...
Convert Static HTML Template into WordPress (Part 1)
Convert Static HTML Template into WordPress (Part 2)

Building the Blog Section

Blog Listing Page (index.php vs front-page.php)
Blog Continued
Blog Archives (archive.php)
Custom Queries
Blog: Few Quick Edits & Improvements

Events Post Type

Custom Post Types
Using The Modern Block Editor For Our Custom Post Type
Displaying Custom Post Types
Quick Timeout: Misc Updates
Custom Fields
A Note About the WordPress Post Edit Screen
Ordering (Sorting) Custom Queries
Manipulating Default URL Based Queries
Past Events Page (Custom Query Pagination)

Programs Post Type

Creating Relationships Between Content
Displaying Relationships (Front-End)
Quick Program Edits

Professors Post Type

Quick Note About The Next Lesson
Professors Post Type
Featured Image (Post Thumbnail)
Featured Image Sizes & Cropping
Page Banner Dynamic Background Image

Cleaner Code (Less Duplication)

Reduce Duplicate Code - Create Our Own Function
Quick Fix For Page Banner Function
Using Our "pageBanner" Function
Reduce Duplication - "get_template_part()"

JavaScript Preparation

Solution For Webpack Error In Next Video
Getting Our Computer & Project Ready for JavaScript
Important Note About The Next Lesson
Optional: The Finished Product Of This Course: All In One Import File

Campus Post Type

Note About Google Maps JavaScript API
Campus Post Type
Campus Map on Front-End
Campuses Continued
Final Campus Details

Live Search (UI JavaScript)

Live Search
Quick Note About The Next Lesson
Open and Close Search Overlay
Preventing the Text Field Suggestions Pop-up
Keyboard Events in JavaScript
Managing Time in JavaScript
Waiting / Loading Spinner Icon

WordPress REST API (AJAX)

Quick Note About The Next Lesson
Load WP Content with JS
Generate HTML Based on JSON
Conditional Logic Within Template Literal
Quick Misc Edits
Synchronous vs Asynchronous (Part 1)
Synchronous vs Asynchronous (Part 2)

Customizing the REST API

REST API: Add New Custom Field
REST API: Add New Custom Route (URL)
Create Your Own Raw JSON Data
WP_Query and Keyword Searching
Working With Multiple Post Types

Combining Front-End & Back-End

3 Column Layout for Search Overlay
Custom Layout & JSON based on Post Type
Quick Note About The Next Lesson
Search Logic That's Aware of Relationships
Search Logic That's Aware of Relationships (Part 2)
Completing Our Search Overlay
jQuery Free Live Search

Non-JS Fallback Traditional Search

Traditional WordPress Searching
Traditional WordPress Searching (Part 2)

User Roles and Permissions

User Roles and Permissions
Open Registration
Open Registration (Part 2)

User Generated Content

"My Notes" Feature
"My Notes" Front-end Part 1
"My Notes" Front-end Part 2
Quick Note About The Next Lesson
Delete Posts with the REST API
Edit / Update Posts with the REST API
Creating New Notes
Creating New Notes (Part 2)
Note Permissions and Security (Part 1)
Note Permissions and Security (Part 2)
Per-User Post Limit
Quick Note About CSS
jQuery Free My Notes

Like or "Heart" Count for Professors

Let Users "Like" Content (Part 1)
Let Users "Like" Content (Part 2)
Creating Custom POST and DELETE Endpoints
Programmatically Create a Post
Enforce Limit of One Like Per User/Teacher Combo
Completing the LikeBox
jQuery Free LikeBox

Going Live: Deploying Our WordPress Site

Going Live with Our Website
A Note About Google Maps and Our Live Site
Path A (Simple and Quick)
Path B (Advanced / Manually Moving a Site)
Database Config for Two Site Environments
Ignoring Certain Files with Git
Automatic Git Deployments to Web Host

Extra Credit Challenges & Topics

Challenge: Make Homepage Slideshow Dynamic

Plugin Development: PHP

Introduction to Plugin Development
Let's Create Our First Plugin
Adding a Settings Page For Our Plugin
Settings API (Saving Settings Data)
Finishing Our Settings Form
Actually Counting the Words, Characters, and Read Time
Translations / Localization (For PHP)
Admin Sub-Menu
Custom Admin Menu Icon
Alternative: Manually Handling Admin Form Submit
Finishing Word Filter Plugin

Plugin Development: Blocks, Gutenberg & React

Introduction to JavaScript Plugin Development
Introduction to JSX
Block Type Attributes
Let's Discuss the Output of Our Block (Part 1)
Let's Discuss the Output of Our Block (Part 2)

Plugin: Multiple Choice Block Type (React)

Starting Our Multiple Choice Block Type
Styling Our Block
Event Handling & Updating Block Attributes
Focus New Field For Immediate Typing
Setting Up The Correct Answer
How To Use React on The Front-End of WordPress
Passing Block Data From PHP Into JavaScript / React
Letting Users Click On (Guess) An Answer
Attention To Detail
A Note About Animations / Transitions in React
Let Admin Choose Background Color of Block
Block Text Alignment & Block Preview

Plugin: Featured Professor

Starting Our Featured Professor Plugin
Loading a List of Professors
Displaying Professor Info
Professor Preview In Editor (Part 1)
Professor Preview In Editor (Part 2)
Control Post Meta With Block Type
Add Related Posts to Professor Detail Page
Translations / Localization (For JavaScript)

Plugin Development: Custom SQL Database Table

Understanding The Pros and Cons of the "Post" Paradigm
Creating Our Own Custom Table
Querying Our Table
Building Dynamic Queries (Part 1)
Quick Note About PHP Arrays
Building Dynamic Queries (Part 2)
Create Pet From Front-End
Delete Pet From Front-End

Final Chapter

Challenge: Have an Update Plan in Place (Security)
Challenge: Query Vars
Finale: JavaScript Next Steps
Bonus Lecture

Popular Courses

Popular Platforms

Popular Searches

Become a WordPress Developer: Unlocking Power With Code

Online

₹ 3099

Quick Facts

Course overview

The highlights

Program offerings

Course and certificate fees

Fees information

certificate availability

certificate providing authority

Who it is for

What you will learn

The syllabus