Practical eCommerce Development with WordPress & WooCommerce

Name: Practical eCommerce Development with WordPress & WooCommerce
Rating: 4.5 (26 reviews)

Practical WordPress Course: CI/CD with GitHub Actions, Full Site Editing, and WooCommerce Blocks Development

Created byAlexandr Sochirca

Last updated 2/2025

English

What you'll learn

Set up a modern WordPress development environment with Docker
Develop a custom Full Site Editing (FSE) theme for an online store
Build custom Gutenberg blocks for advanced site functionality
Extend WooCommerce features with custom plugins and taxonomies
Implement filtering, sorting, and dynamic blocks for product listings
Develop a secure and optimized checkout process
Automate deployments with GitHub Actions CI/CD workflows
Improve performance with best practices in WordPress and WooCommerce optimization

Course content

5 sections • 79 lectures • 30h 57m total length

Required Software for the Course and Design Layout Overview10:38
Installing WSL 2 on Windows 10/11 for Docker1:44
Running WordPress with Docker19:47
Setting Up a Local WordPress Development Environment with Docker Compose0:32
Creating a Starter FSE Theme for the Project17:26
Creating MU / Core / Blocks Plugins for the Project24:55
Implementing CI/CD for the Project with GitHub Actions46:25

Connecting Google Fonts, CSS, JavaScript22:31
Developing the Site Header Block27:20
Working with SVG and CSS Styles for the Header34:40
Implementing Dark Mode Toggle and Dropdown Navigation27:47
Mobile Version for the Header Block42:28
Organizing Git Branching Workflow22:36
Developing the Structure of the Hero Block42:55
Working with save.js for the Hero Block30:01
Finalizing the Hero Block59:37
Developing the Dynamic Games Line Block43:53
Implementing the Recent News Block24:51
Developing the Recent News Block38:20
Loading Global Styles and Fonts in Gutenberg Pages22:23
Implementing a Popup Search Container29:23
Sending a Server Request for Game Search35:48
Finalizing the Game Search Option33:56
Working with the Subscribe Block and MailChimp22:33
Styling and Finalizing the Subscribe Block25:05
Adding Meta Fields for Games28:11
Implementing the Featured Games Block41:08
Developing a Static Call to Action Block35:21
Implementing the FAQ Block (Accordion) – Admin Panel27:51
Finalizing the FAQ Block16:25
Developing the Footer Block51:00

Analyzing the Product Template and Gutenberg Support for Products13:59
Adding Additional Fields and Taxonomies for Products28:39
Implementing the Single Game Block45:00
Finalizing the Single Game Block51:04
Implementing the Slider Block36:00
Implementing the Similar Games Block47:29
Developing Blocks for the Store Archive Page27:51
Developing the Filter and Game Archive39:31
Implementing Filtering Functions46:19
Adding Sorting for the Games Block32:23
Working with Blocks for the Cart Page20:09
Developing the Cart Blocks – Part 230:12
Finalizing the Cart Page Blocks18:54
Implementing the Checkout Page42:15

What are GitHub Actions?8:07
An introduction to the purpose, capabilities, and key features of GitHub Actions.
Syntax for Writing Workflows in GitHub Actions9:59
Learn the foundational syntax and structure required to define a GitHub Actions workflow.
Writing Your First Workflow to Execute Simple Commands13:38
Create a basic workflow that runs commands, both single-line and multi-line scripts.
Disabling Workflows and Job Execution Order12:28
Understand how to disable workflows and control the sequence of jobs within a workflow.
Using Pre-Built Actions in Workflows13:24
Explore how to integrate pre-built actions into your workflows to enhance functionality.
Conditional Workflow Execution10:03
Set up workflows to execute sequentially or based on specific conditions.
Trigger Types (Events) that Launch Workflows11:09
Learn about various events that can trigger workflows, such as pushes, pull requests, and more.
Event Filters for Workflow Triggers (Branches, Tags, Paths)10:57
Customize workflow triggers using filters for branches, tags, and file paths.
Scheduled Workflow Execution (Schedule Trigger)7:04
Automate workflows with scheduled triggers to run at predefined times.
Manual Workflow Execution (workflow_dispatch) and Input Parameters8:15
Trigger workflows manually and pass parameters using the inputs field.
Manual Trigger (workflow_dispatch) and REST API5:49
Use the REST API to execute workflows triggered manually.
Triggering Workflows with repository_dispatch8:33
Learn how to trigger workflows using the repository_dispatch event.
The if Operator, Expressions, and Contexts in GitHub Actions10:50
Control workflow logic with the if operator, using expressions and contextual data.
Variables in GitHub Actions12:38
Define and utilize variables to store reusable data within workflows.
Secrets in GitHub Actions8:45
Safeguard sensitive information using encrypted secrets in workflows.
Functions in GitHub Actions14:05
Use built-in functions to manipulate data and enhance workflow capabilities.
Caches in GitHub Actions19:57
Reduce execution time and improve efficiency with caching mechanisms.
Artifacts in GitHub Actions12:11
Store, retrieve, and share files generated during workflow execution.
Using a Matrix Strategy in GitHub Actions12:58
Run workflows in parallel for multiple environments or configurations using matrices.
Interaction Between Workflows in GitHub Actions19:28
Coordinate and communicate between different workflows within a repository.
Introduction to Docker for GitHub Actions3:39
Get a basic understanding of Docker and its role in enhancing GitHub Actions workflows.
Running Jobs in a Docker Container8:40
Execute workflow jobs in isolated Docker environments for greater flexibility.
Types of Actions and Why Create Custom Actions?6:31
Learn about different action types and the advantages of building your own actions.
Creating a Local Custom Composite Action10:47
Build a reusable custom composite action locally for your workflows.
Displaying a Workflow Status Badge in README3:39
Add a dynamic badge to your repository's README to showcase workflow statuses.
Limiting Workflow Execution Time5:09
Enforce time constraints to prevent workflows from running indefinitely.
Limiting Concurrent Workflow Runs to One6:12
Restrict simultaneous workflow executions to avoid resource conflicts.
Implementing CI/CD for a Project in Practice32:20
Develop a fully functional Continuous Integration/Continuous Deployment (CI/CD) pipeline.

Requirements

Basic understanding of WordPress and PHP.
Familiarity with HTML, CSS, and JavaScript.
No prior experience with Full Site Editing, WooCommerce Blocks, or GitHub Actions is required—everything will be explained from scratch!

Description

Master WordPress Development with Modern Techniques: Build, Automate, and Optimize Your WooCommerce Store

Are you looking to take your WordPress development skills to the next level? Do you want to build a fully functional eCommerce store with WooCommerce, leverage the power of Full Site Editing (FSE), and implement Continuous Integration/Continuous Deployment (CI/CD) using GitHub Actions?

This hands-on, practical course will guide you through every step of building a professional eCommerce website using the latest WordPress development techniques. You will learn how to create custom blocks, extend WooCommerce functionality, optimize performance with Docker, and automate deployment workflows using GitHub Actions.

By the end of this course, you'll have a complete WordPress-based eCommerce project with advanced customization, dynamic blocks, and a streamlined deployment process.

Course Curriculum Breakdown

Setup & Development Environment
1. Installing required software and setting up Docker
2. Creating a custom Full Site Editing (FSE) theme
3. Developing must-use (MU) plugins and WooCommerce extensions
Frontend Development with Gutenberg Blocks
1. Building a custom header block with SVG and CSS
2. Implementing dark mode and responsive navigation
3. Creating dynamic sections like Hero, Featured Products, and Recent News
WooCommerce & eCommerce Functionality
1. Customizing product pages and templates
2. Adding meta fields and taxonomies for products
3. Developing an optimized cart and checkout process
Automation & CI/CD with GitHub Actions
1. Understanding GitHub Actions and writing custom workflows
2. Automating deployments and testing for WordPress projects
3. Using Docker for GitHub Actions to streamline development

Why Take This Course?

Real-World Project – You'll build a fully customized WooCommerce store from scratch.
Cutting-Edge WordPress Development – Learn Full Site Editing (FSE), custom block development, and advanced Gutenberg techniques.
Master WooCommerce Blocks – Develop custom WooCommerce blocks and extend product functionality.
Automate with GitHub Actions – Implement CI/CD workflows for automated testing and deployment.
Optimize with Docker – Run WordPress in a Dockerized environment for improved performance.
SEO-Optimized Development – Improve site performance and search engine visibility.

Who this course is for:

WordPress Developers looking to advance their skills in Full Site Editing (FSE) and WooCommerce.
Web Developers who want to build and customize eCommerce stores efficiently.
Freelancers & Agency Developers aiming to create high-quality WordPress projects with modern development practices.
Anyone Interested in CI/CD & Automation who wants to integrate GitHub Actions into their workflow

Practical eCommerce Development with WordPress & WooCommerce

What you'll learn

Explore related topics

Course content

Project Organization: Figma, Docker, FSE Gutenberg, CI/CD, and More7 lectures • 2hr 1min

Gutenberg Block Development (Static and Dynamic Pages)24 lectures • 13hr 6min

News Section Pages6 lectures • 2hr 43min

WooCommerce Online Store Section14 lectures • 8hr

Mastering GitHub Actions: From Basics to Advanced CI/CD28 lectures • 5hr 7min

Requirements

Description

Who this course is for: