Become A Wordpress Developer Php Javascript

Tags: WordPress

Learn PHP, JavaScript, WordPress theming & the WP REST API to Create Custom & Interactive WordPress Websites

Last updated 2022-01-10 | 4.7

- Why code is the key to building whatever you can imagine with WordPress
- The ability to write PHP to manipulate the data of a WordPress site
- The ability to write JavaScript to add on-the-fly interactivity to a WordPress site

What you'll learn

Why code is the key to building whatever you can imagine with WordPress
The ability to write PHP to manipulate the data of a WordPress site
The ability to write JavaScript to add on-the-fly interactivity to a WordPress site
How to code your own new custom block types for the "Gutenberg" Block Editor
The skills
knowledge and vocabulary to work professionally as a WordPress developer

* Requirements

* Basic WordPress knowledge (how to create a blog post
* etc...)
* A basic understanding of HTML (e.g. "p" is for paragraph
* "h1" is for headline
* etc...)
* No CSS knowledge required (although it helps to understand that CSS is used to add style & design to a page)
* No JavaScript knowledge required (although it helps to understand that JS is used to add interactivity to a page)

Description

Unlock the full power of WordPress and go beyond "just a blog platform" by learning how to code completely custom WordPress powered sites.

Updated for 2019: A new 3 part lesson on coding our own custom block type for the new "Gutenberg" Block Editor in WordPress.

I've spent the last 12 years studying WordPress, PHP, and JavaScript and now I'm here to teach you everything I know. Come along on this journey with me and become a WordPress developer.

Together we will build a website for a fictional university and along the way we will:

  • Install WordPress on your personal computer so you have a private playground copy of WordPress to practice and experiment with

  • Get introduced to the PHP language (this is what powers WordPress)

  • Set Up a New Theme (You'll learn how to convert any HTML template into a living breathing WordPress theme)

  • Create Custom Post Types and Custom Fields

  • Relate pieces of content with each other (e.g. a professor and a program)

  • Learn the basics of (object-oriented) JavaScript

  • Leverage the WP REST API

  • Learn to use JavaScript to communicate with the WordPress back-end on-the-fly

  • Let visitors sign up for a basic account on our site

  • Build a "My Notes" feature (user specific single page application with real-time CRUD actions)

  • Let users "like" or "heart" a professor (update the professor's like count on-the-fly)

  • Deploy our website live up onto the web for the entire world to view

  • And much more!


This course may be brand new, but this isn’t my first time teaching. I’ve led training sessions for Fortune 500 companies and I’ve already helped over 17,000 people on Udemy and received the following feedback:

"Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view."

"Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject."

"…[Brad] explained the process. Not memorize this or that, he explained the process. If you're looking to take a course to understand the foundations of creating websites, look no further."

Become highly valuable and relevant to the companies that are hiring WordPress developers; in one convenient place alongside one instructor. If you're ready to begin coding custom websites - I'll see you on the inside!

Who this course is for:

  • Developers who want to use WordPress as a true Content Management System and not "just a blog platform."
  • Those looking to learn the PHP and JavaScript languages.
  • People who want to learn about the "REST API" which allows us to interact with WordPress data on-the-fly in realtime.
  • Anyone interested in custom post types, custom fields, and creating relationships between various content types.

Course content

28 sections • 162 lectures

What is a Dev Environment? (Your First Installation) Preview 13:34

If You're Unable to Install Local by Flywheel Preview 00:33

First Taste of PHP Preview 16:31

A Note About URLs / My Address Bar Preview 00:31

Creating a New Theme Preview 12:04

PHP Functions Preview 14:52

PHP Arrays Preview 12:28

The Famous "Loop" in WordPress Preview 14:30

Header & Footer Preview 18:33

Optional: If You Want To Skip To One of The Final Chapters In The Course... Preview 00:21

Convert Static HTML Template into WordPress (Part 1) Preview 03:29

Convert Static HTML Template into WordPress (Part 2) Preview 18:03

Interior Page Template Preview 17:52

Parent & Children Pages Preview 16:58

To Echo or Not To Echo Preview 09:01

Menu of Child Page Links Preview 19:57

A Few Quick Edits / Improvements Preview 09:21

Navigation Menus Preview 15:37

Navigation Menus (Continued) Preview 05:06

Blog Listing Page (index.php vs front-page.php) Preview 19:58

Blog Continued Preview 13:14

Blog Archives (archive.php) Preview 12:09

Custom Queries Preview 19:58

Blog: Few Quick Edits & Improvements Preview 06:31

Custom Post Types Preview 17:49

Using The Modern Block Editor For Our Custom Post Type Preview 00:31

Displaying Custom Post Types Preview 19:48

Quick Timeout: Misc Updates Preview 14:23

Custom Fields Preview 19:09

A Note About the WordPress Post Edit Screen Preview 00:31

Ordering (Sorting) Custom Queries Preview 14:09

Manipulating Default URL Based Queries Preview 17:50

Past Events Page (Custom Query Pagination) Preview 18:31

Creating Relationships Between Content Preview 18:40

Displaying Relationships (Front-End) Preview 19:58

Quick Program Edits Preview 08:50

Quick Note About The Next Lesson Preview 00:09

Professors Post Type Preview 19:12

Featured Image (Post Thumbnail) Preview 19:06

Featured Image Sizes & Cropping Preview 09:15

Page Banner Dynamic Background Image Preview 15:12

Reduce Duplicate Code - Create Our Own Function Preview 19:50

Quick Fix For Page Banner Function Preview 00:41

Using Our "pageBanner" Function Preview 10:54

Reduce Duplication - "get_template_part()" Preview 11:28

Solution For Webpack Error In Next Video Preview 00:44

Getting Our Computer & Project Ready for JavaScript Preview 16:06

Important Note About The Next Lesson Preview 00:48

Optional: The Finished Product Of This Course: All In One Import File Preview 13:30

Note About Google Maps JavaScript API Preview 01:09

Campus Post Type Preview 19:46

Campus Map on Front-End Preview 18:51

Campuses Continued Preview 19:53

Final Campus Details Preview 04:35

Live Search Preview 09:53

Quick Note About The Next Lesson Preview 00:40

Open and Close Search Overlay Preview 18:16

Preventing the Text Field Suggestions Pop-up Preview 00:10

Keyboard Events in JavaScript Preview 19:38

Managing Time in JavaScript Preview 15:32

Waiting / Loading Spinner Icon Preview 19:58

Quick Note About The Next Lesson Preview 00:34

Load WP Content with JS Preview 17:50

Generate HTML Based on JSON Preview 19:58

Conditional Logic Within Template Literal Preview 17:43

Quick Misc Edits Preview 10:51

Synchronous vs Asynchronous (Part 1) Preview 11:45

Synchronous vs Asynchronous (Part 2) Preview 10:11

REST API: Add New Custom Field Preview 15:50

REST API: Add New Custom Route (URL) Preview 16:37

Create Your Own Raw JSON Data Preview 14:10

WP_Query and Keyword Searching Preview 08:24

Working With Multiple Post Types Preview 10:40

3 Column Layout for Search Overlay Preview 19:58

Custom Layout & JSON based on Post Type Preview 19:33

Quick Note About The Next Lesson Preview 00:21

Search Logic That's Aware of Relationships Preview 16:02

Search Logic That's Aware of Relationships (Part 2) Preview 19:46

Completing Our Search Overlay Preview 14:24

jQuery Free Live Search Preview 06:50

Traditional WordPress Searching Preview 19:01

Traditional WordPress Searching (Part 2) Preview 19:58

User Roles and Permissions Preview 19:58

Open Registration Preview 19:59

Open Registration (Part 2) Preview 11:48

"My Notes" Feature Preview 19:59

"My Notes" Front-end Part 1 Preview 07:30

"My Notes" Front-end Part 2 Preview 14:55

Quick Note About The Next Lesson Preview 00:55

Delete Posts with the REST API Preview 17:51

Edit / Update Posts with the REST API Preview 18:30

Creating New Notes Preview 14:52

Creating New Notes (Part 2) Preview 08:48

Note Permissions and Security (Part 1) Preview 19:58

Note Permissions and Security (Part 2) Preview 19:59

Per-User Post Limit Preview 19:56

Quick Note About CSS Preview 00:15

jQuery Free My Notes Preview 06:13

Let Users "Like" Content (Part 1) Preview 19:31

Let Users "Like" Content (Part 2) Preview 12:54

Creating Custom POST and DELETE Endpoints Preview 14:12

Programmatically Create a Post Preview 19:17

Enforce Limit of One Like Per User/Teacher Combo Preview 17:28

Completing the LikeBox Preview 19:45

jQuery Free LikeBox Preview 02:18

Going Live with Our Website Preview 09:03

A Note About Google Maps and Our Live Site Preview 00:14

Path A (Simple and Quick) Preview 18:26

Path B (Advanced / Manually Moving a Site) Preview 13:23

Database Config for Two Site Environments Preview 10:21

Ignoring Certain Files with Git Preview 07:51

Automatic Git Deployments to Web Host Preview 14:58

Challenge: Make Homepage Slideshow Dynamic Preview 09:31

Introduction to Plugin Development Preview 13:34

Let's Create Our First Plugin Preview 10:39

Adding a Settings Page For Our Plugin Preview 14:59

Settings API (Saving Settings Data) Preview 19:51

Finishing Our Settings Form Preview 19:58

Actually Counting the Words, Characters, and Read Time Preview 19:56

Translations / Localization (For PHP) Preview 19:43

Admin Sub-Menu Preview 15:59

Custom Admin Menu Icon Preview 17:05

Alternative: Manually Handling Admin Form Submit Preview 15:23

Finishing Word Filter Plugin Preview 18:03

Introduction to JavaScript Plugin Development Preview 19:44

Introduction to JSX Preview 19:46

Block Type Attributes Preview 19:59

Let's Discuss the Output of Our Block (Part 1) Preview 11:52

Let's Discuss the Output of Our Block (Part 2) Preview 10:07

Starting Our Multiple Choice Block Type Preview 18:25

Styling Our Block Preview 11:24

Event Handling & Updating Block Attributes Preview 19:58

Focus New Field For Immediate Typing Preview 00:38

Setting Up The Correct Answer Preview 19:52

How To Use React on The Front-End of WordPress Preview 18:51

Passing Block Data From PHP Into JavaScript / React Preview 12:25

Letting Users Click On (Guess) An Answer Preview 15:14

Attention To Detail Preview 14:36

A Note About Animations / Transitions in React Preview 00:28

Let Admin Choose Background Color of Block Preview 15:06

Block Text Alignment & Block Preview Preview 08:30

Starting Our Featured Professor Plugin Preview 14:23

Loading a List of Professors Preview 13:09

Displaying Professor Info Preview 19:58

Professor Preview In Editor (Part 1) Preview 05:22

Professor Preview In Editor (Part 2) Preview 19:22

Control Post Meta With Block Type Preview 19:57

Add Related Posts to Professor Detail Page Preview 12:05

Translations / Localization (For JavaScript) Preview 11:29

Understanding The Pros and Cons of the "Post" Paradigm Preview 19:59

Creating Our Own Custom Table Preview 19:42

Querying Our Table Preview 16:06

Building Dynamic Queries (Part 1) Preview 10:56

Quick Note About PHP Arrays Preview 00:27

Building Dynamic Queries (Part 2) Preview 17:34

Create Pet From Front-End Preview 11:34

Delete Pet From Front-End Preview 09:40

Challenge: Have an Update Plan in Place (Security) Preview 08:12

Challenge: Query Vars Preview 12:47

Finale: JavaScript Next Steps Preview 06:06

Bonus Lecture Preview 03:35