100%
  • Home
  • Courses
    • View All
Login
  • Home
  • Courses
  • Log In
  • View All
Home WordPress Training Program Theme Development 👀 Asset Building using Webpack & Babel

Course Lessons

WordPress Training Program

1 Getting started with WordPress 📣
  • What is WordPress
  • Creating a blog and writing daily updates ✍️
  • Installing WordPress
  • WordPress Terminology 📃
  • How WordPress works
  • Understanding WordPress Database Schema
  • Using themes and plugins
2 Setting up Development Environment 👨‍💻
  • Introduction to Git and SVN 🔄
  • Setting up an Integrated Development Environment (IDE)
  • Pushing changes to site via Git commits/branches
  • Setting up Z shell and Oh My Zsh for fast command line work
3 Coding Standards and Best Practices 💯
  • WordPress Coding Standards (WPCS)
  • PHP_CodeSniffer (PHPCS)
  • Peer Code Review
  • Security 🛡️
  • WordPress Documentation Schema
4 Plugin Development 🛠️
  • Introduction to plugin development
  • Hooks: Actions and Filters
  • Custom Post Types and Taxonomies
  • WordPress Core APIs
  • WP_Query (Custom Query)
  • WordPress AJAX
  • Interacting with remote data and APIs
  • Plugin development assignment
5 Theme Development 👀
  • Anatomy and architecture of a theme
  • Theme Stylesheet and Functions file
  • Template files and hierarchy
  • Customizer
  • Asset Building using Webpack & Babel
  • Child Themes
  • Handling Media in WordPress
  • Theme development assignment
6 Debugging 🐞
  • Introduction to Xdebug
  • EasyEngine site debugging with docker commands
  • How to check Nginx, PHP, and WP Debug logs
7 Advanced Concepts 📜
  • WP-CLI
  • REST API
  • Roles and Capabilities
  • Caching
  • Custom Database Table Creation
  • Optimization ⚡
  • Users and User metadata
  • Cron ⏳⚙️
  • Background Processing
  • Internalization and Localization 🌐
  • Multisite
  • Email with WordPress 📧
8 Block Editor (Gutenberg) 🏗️
  • Default Blocks
  • Creating a block
9 Testing 🤓
  • PHPUnit Test
  • JavaScript: QUnit, Jest
  • ESLint, JSLint, JSHint, JSCS
  • CSS: Stylelint
10 Extras 😃
  • Decoupled
  • GraphQL
  • React and Next.js
  • WooCommerce 🛒
  • Accessibility (WCAG 2.0) 🔍
11 Contributing to WordPress ❤️
12 Server Side 🖥️
  • How to check CPU/Memory/Disk Space on a server
  • Rsync and SSH basics
  • How to sync one site with other using WP-CLI and rsync
  • Tmux basics
13 Congratulations 🥳
Return to WordPress Training Program

Trainer(s)

There is no group/trainer

WordPress Training Program

Asset Building using Webpack & Babel

Webpack

Webpack is an open-source JavaScript module bundler. Even though it is primarily a module bundler for JavaScript, it can transform front-end assets like HTML, CSS, and images if the corresponding plugins are included. Webpack takes modules with dependencies and generates static assets representing those modules.

Here are a few resources for you to get started –

  • Documentation
  • How does Webpack work?
  • Setting Up Webpack for your project
  • Webpack Loaders & Plugins
  • Webpack Dev Server
Carrie Forde: Webpack for WordPress from WordPress.tv | (CC BY-SA 4.0)

Babel

Babel or Babel.js is a free and open-source JavaScript compiler and configurable transpiler used in web development.

  • Documentation
  • Introduction to Babel

← Previous Topic

Copyright 2017-25 All Rights Reserved | Designed by WisdmLabs