Build AI Agents in HTML and WordPress

Two courses! (1) Agentic AI in generic HTML for any language and (2) Agentic AI in WordPress plugins and pages

What you’ll learn
COURSE 1: Intermediate HTML/JS/CSS and familiar with APIs, JSON and web development.
COURSE 1: Learn how to use AI Coding tools that are free/paid.
COURSE 1: Basic Agents with static RAG, tool/function calling, structured output and memory.
COURSE 1: Prompt/Context Engineering.
COURSE 1 + 2: How to use AI Assisted coding techniques with both free and paid tools.
COURSE 2: This builds on COURSE 1 and needs to be studied for COURSE 2
COURSE 2: Convert HTML Agents to Custom Pages and Plugins.
COURSE 2: Learn how to integrate Langchain.js into your WordPress site.
COURSE 2: Create a custom table optimised for RAG with Full Text Search.
COURSE 2: Create a Vector Database in WP MySQL and use Semantic/Vector Search.
COURSE 2: Create a query page that searches for FTS and Vector Search to provide answers to queries with citations of post_ids used. This is Hybrid Search.

Requirements
BOTH COURSES: An OpenAI API key will be needed. This is not free but we will use well under the minimum $5USD initial requirement. We will explore the use of the free Groq free API key but assume you will need to have an OpenAI account with a minimum of $5USD.
COURSE 1: Intermediate HTML/CSS/JS and with APIs, JSON and web development.
COURSE 2: Advanced WordPress Plugin Development – plugins are explained but built with AI Assistance.
COURSE 2: Intermediate HTML/CSS/JS.
COURSE 2: One plugin (06) wires in Langchain.js and we will use @wordpress/scripts. Need to be able to use the terminal as I will show you what to do. You won’t need to understand Node etc.
COURSE 2: A small familiarity with what Node.js, package.json and NPM are, although I will give brief explanations.

Description
!An OpenAI API Key is needed. They have a minimum up front billing of $5 but the course will will need far less than this!All code samples available. All modules have detailed README files to provide complete explanations to supplement the videos.COURSE 1: AI Agents in HTML that can be used in any language.COURSE 2: Advanced WordPress Plugin Developers guide to implementing the HTML section into plugins and shortcodes.In detail…COURSE 1: AI Agents in HTML that can be used in any language.Having given 9 talks/workshops in 2025 on creating AI Agents from scratch, we can create HTML pages that have AI Agents using tool/function calling.By simplifying and demystifying AI Agents we can use what we learn in any language or framework that can use HTML/JS/CSS.In this course we will learn with full code already made:Basic AgentsAgents with Static/Dynamic RagAgents with memoryAgents with Structured OutputREQUIREMENTS: Intermediate HTML/CSS/JS and familiar with APIs, JSON.COURSE 2: AN ADVANCED/EXPERT LEVEL WORDPRESS PLUGIN DEVELOPER COURSEREQUIREMENTS: Advanced WordPress Plugin Development UnderstandingYou will have all the final plugins and backup of the WP site but the learning process will be using AI coding tools as I develop these plugins.Once we have had a few lessons on how I use AI Coding Tools, we will then look at the remaining plugins I have built this way and inspect how they work and the wiring involved. The focus is on AI Agents rather than WP coding.Advanced understanding of WP Plugin Development is a requirement as I will be explaining ONLY the modern AI Coding workflow, plugin architecture and how the AI Agents work.Topics covered in this course:Please not there are intentional gaps in number so that I can insert future plugins in the appropriate sections.Creating Custom Pages with the HTML used in COURSE01PLUGIN01 – A pure PHP AI AgentPLUGIN02 – Our standard PHP/JS AI Agent with refactoringPLUGIN03 – Tool/Function calling in our AgentsPLUGIN04 – BLANKPLUGIN05 – Create Agent with STRUCUTRED OUTPUTPLGUIN10- How to integrate JS bundles with @wordpress/scriptsPLUGIN11 – A template to wire in Langchain.js for further app developmentPLUGIN20 – CAPSTONE PROJECT where we build a custom WP table with denomalised posts, categories, tags, meta data and Vector Embeddings along with Full Text Search to get enhanced SEARCH leading to a ChatGPT style UI with memory giving answers, RAG Context used (for learning purposes), as well as post title citations permalinks of post used. This is HYBRID SEARCH.BONUS PLUGINSLangGraph Tools/Deep ResearchLangchain Deep Research AgentFind best suited Category of Posts to answer a User queryand more…In 2025 I gave 9 talks/workshops on creating AI Agents from scratch (Python) and I now show you how you can translate that to WordPress.I have also given 20 talks/workshops at WordPress/NDC events on WP REST APIs, Web Components and Progressive Web Apps. These are detailed in the preview videos.All plugins and backup WordPress site that can be installed with All In One WP Migration plugin (included) are available. Ready to go! (But not production ready as you will need to check and verify its implementation)

Who this course is for
COURSE 1: Intermediate HTML/CSS/JS developers who are familiar with API requests.
COURSE 2: Advanced WordPress Plugin Developers with familiarity with JS. PLUGIN 06 uses @wordpress/scripts – we will use terminal and node. I will show you what to do but I won’t be teaching Node.js.