Read more
4Month/40 Hours Price:65,000
60,000
Full Stack Advanced Development with JavaScript, PHP, and WordPress
Take your web development skills to the next level with Full Stack Advanced Development
using JavaScript, PHP, and WordPress. This course is designed for developers who want to
go beyond the basics and create powerful, dynamic, and scalable websites. You’ll learn how
to combine modern JavaScript with PHP back-end logic and use WordPress as a flexible
framework – not just a blogging tool. From building custom themes and plugins to working
with APIs and advanced database interactions, this course provides hands-on skills to help
you become a professional full stack WordPress developer.
What You’ll Learn
- Why coding is the key to creating anything you can imagine with WordPress
- How to write PHP to manage and manipulate WordPress site data
- How to write JavaScript to add dynamic interactivity to a WordPress site
- How to build your own custom block types for the Gutenberg Block Editor
- The knowledge, skills, and vocabulary to work professionally as a WordPress developer
Course Content:
Module 1: Introduction
- Installing Local by Flywheel (if issues arise)
- Overview of major changes in recent WordPress versions
- First steps with PHP
Module 2: PHP
- Understanding URLs and the address bar
- How to create a new theme
- Working with PHP functions
- Working with PHP arrays
Module 3: WordPress-Specific PHP
- Understanding the WordPress Loop
- Creating header and footer templates
- Option to skip ahead to later chapters
- Converting a static HTML template into WordPress (Part 1)
- Converting a static HTML template into WordPress (Part 2
Module 4: Pages
- Creating an interior page template
- Parent and child page relationships
- When to use echo in PHP
- Building a menu of child page links
- Making small edits and improvements
- Adding navigation menus
- Continuing with navigation menus
Module 5: Building the Blog Section
- Blog listing page (index.php vs front-page.php)
- Continuing blog development
- Creating blog archives with archive.php
- Using custom queries for blogs
- Quick edits and improvements for the blog
Module 6: Event Post Type
- Creating custom post types
- Using the block editor for custom post types
- Displaying custom post types
- Updates and fixes
- Working with custom fields
- Exploring the post edit screen
- Sorting custom queries
- Modifying default URL-based queries
- Creating a Past Events page with pagination
Module 7: Program Post Type
- Creating relationships between content
- Displaying relationships on the front-end
- Quick edits for the program post type
Module 8: Professor Post Type
- Introduction to professor post type
- Adding featured images (post thumbnails)
- Adjusting image sizes and cropping
- Creating a page banner with dynamic background images
Module 8: Professor Post Type
- Introduction to the professor post type
- Adding featured images (post thumbnails)
- Adjusting image sizes and cropping
- Creating a page banner with dynamic background images
Module 9: Cleaner Code
- Handling PHP warnings
- Reducing duplicate code by creating functions
- Fixing undefined array key warnings
- Improving page banner function
- Using the pageBanner function effectively
- Reducing code duplication with get_template_part()
Module 10: JavaScript Preparation
- Setting up the computer and project for JavaScript
- Important preparation notes
- Optional: Importing the finished product of the course
Module 11: Campus Post Type
- Using Google Maps JavaScript API
- Creating a campus post type
- Displaying a campus map on the front-end
- Adding more campus details
Module 12: Live Search
- Building live search functionality
- Opening and closing the search overlay
- Preventing text field suggestions
- Using keyboard events in JavaScript
- Managing time in JavaScript
- Adding a loading spinner icon
Module 13: WordPress REST API (AJAX)
- Loading WordPress content with JavaScript
- Generating HTML from JSON data
- Using conditional logic in templates
- Synchronous vs asynchronous JavaScript (Part 1)
- Synchronous vs asynchronous JavaScript (Part 2)
Module 14: Customizing REST API
- Adding new custom fields to the REST API
- Creating custom routes (URLs)
- Generating raw JSON data
- Using WP_Query for keyword searching
- Working with multiple post types
Module 15: Combining Frontend and Backend
- Building a 3-column layout for the search overlay
- Custom layout and JSON by post type
- Search logic aware of content relationships (Part 1)
- Search logic aware of content relationships (Part 2)
- Completing the search overlay
- Building jQuery-free live search
Module 16: User Roles and Permissions
- Introduction to user roles and permissions
- Open registration (Part 1)
- Open registration (Part 2)
Module 17: User-Generated Content
- User roles and permissions for content
- Open registration for user content (Parts 1 & 2)
Module 18: Like or Heart Count for Professors
- Letting users like content (Part 1)
- Letting users like content (Part 2)
- Creating custom POST and DELETE endpoints
- Creating posts programmatically
- Limiting likes per user/teacher combination
- Using isset() for solutions
- Completing the LikeBox
- Building a jQuery-free LikeBox
Module 19: Going Live
- Preparing to go live with a WordPress site
- Types of web hosts and plans
- Installing WordPress on a live site
- Migrating local WordPress to a live site
- Getting started with Git
- Logging into live site with SSH
- Turning live site into Git host (bare repo)
- Setting up passwordless SSH login
Module 20: Extra Credit Challenges
- Making the homepage slideshow dynamic
- Using WP-CLI for advanced management
Module 21: Plugin Development with PHP
- Introduction to plugin development
- Creating the first plugin
- Adding a settings page
- Saving settings data with Settings API
- Completing the settings form
- Word and character counter plugin
- Translations and localization
- Creating admin sub-menu and icons
- Handling admin form submissions
- Completing the word filter plugin
Module 22: Plugin Development with Blocks
- Introduction to JavaScript plugin development
- Learning JSX
- Working with block-type attributes
- Defining output for blocks (Part 1)
- Defining output for blocks (Part 2)
Module 23: Plugin – Multiple Choice
- Loading block asset files
- Creating a multiple-choice block type
- Styling the block
- Event handling and updating attributes
- Setting up correct answers
- Using React in WordPress
- Passing block data between PHP and JavaScript
- Adding animations and transitions
- Customizing block appearance and alignment
Module 24: Plugin – Featured Professor
- Creating a featured professor plugin
- Loading and displaying professor info
- Professor preview in editor (Parts 1 & 2)
- Controlling post meta with blocks
- Adding related posts to professor detail pages
- Translations and localization for JavaScript
Module 25: Plugin Development with Custom SQL
- Pros and cons of the post-based paradigm
- Creating custom tables
- Running SQL queries
- Building dynamic queries (Parts 1 & 2)
- Creating and deleting entries from the front-end
- Converting SQL plugin to block type plugin
Module 26: Block Themes and Full Site Editing
- Best practices for block themes
- Understanding full site editing
- Working with theme.json
- Creating custom blocks for banners, headings, and buttons
- Using user-uploaded images
- Creating templates and layouts
- Restricting block types in certain environments
- Creating blank templates Module 27: Keeping Blocks Organized
- Setting up WordPress block development
- Managing multiple blocks
- Workflow cleanup with package.jsonfor landing pages
Module 27: Keeping Blocks Organized
- Setting up WordPress block development
- Managing multiple blocks
- Workflow cleanup with package.json
Module 28: Interactive AI with WordPress
- What is the Interactivity API?
- Creating interactive blocks
- Working with context and state
- Rendering HTML dynamically
- Using callbacks in the Interactivity API
Module 29: Final Chapter
- Challenge: Create a security update plan
- Challenge: Working with query variables
- JavaScript next steps
- Bonus lecture and wrap-up
Course Prerequisite:
Basic WordPress knowledge (e.g., creating blog posts)
- Basic understanding of HTML (p for paragraph, h1 for heading, etc.)
- No CSS knowledge required (though helpful for styling)
- No JavaScript knowledge required (though helpful for interactivity)
International Student Fees: USD 300
Job Interview Preparation (Soft Skills Questions & Answers)
Tough Open-Ended Job Interview Questions
What to Wear for Best Job Interview Attire
Job Interview Question- What are You Passionate About?
How to Prepare for a Job Promotion Interview
Stay connected even when you’re apart
Join our WhatsApp Channel – Get discount offers
500+ Free Certification Exam Practice Question and Answers
Your FREE eLEARNING Courses (Click Here)
Internships, Freelance and Full-Time Work opportunities
Join Internships and Referral Program (click for details)
Work as Freelancer or Full-Time Employee (click for details)
Flexible Class Options
Week End Classes For Professionals SAT | SUN
Corporate Group Training Available
Online Classes – Live Virtual Class (L.V.C), Online Training
Related Courses
Full Stack Web Development With Python Django, Machine Learning, And AI
Full-stack JavaScript Developer
Complete Web Development Bootcamp with React JS
Full Stack Web Development With E-commerce Project
Full Stack Web Developer Training (Python and Django)
Fundamentals Of Web Development
0 Reviews