How to Create Joomla 4.x Component

This is step-by-step guide on how to create a Joomla! 4 Model-View-Controller (MVC) component from scratch. Joomla components are split into two main parts: administrator part and site part.

The administrator part provides an interface to manage the component, and the site part provides the pages requested by users visiting the website. The main directory of the component will be com_helloworld. The "com" prefix means "component" and the "helloworld" is the name of your component.

inside this directory, you need to create two sub-folders and some files. Create two sub-folders site and admin. You also need a manifest file - helloworld.xml. Keep changing this manifest file as you develop your extension and add more files and features.

  1. helloworld.xml: XML manifest file that tells Joomla! how to install component.
  2. admin/services/provider.php: It tells Joomla! how to initialise the component.
  3. admin/src/Controller/DisplayController.php: The MVC Controller for the "Hello World" page.
  4. admin/src/View/Hello/HtmlView.php: The MVC View for the "Hello World" page.
  5. admin/tmpl/hello/default.php: The HTML and PHP template for the "Hello World" page.

A. Basics

  1. How to Create Joomla Component
  2. Types of Models in Joomla
  3. Back-end Actions, Master Controller and Sub Controllers
  4. Creating and Managing Joomla Database Tables
  5. SQL Queries

B. Back-end: Controllers, Views and Models

  1. Items
  2. Pagination
  3. Page Title and Toolbar
  4. Sorting and Ordering
  5. Searching and Filtering
  6. Sub menu
  7. Form
  8. Item
  9. Back-end Actions: Delete, Publish and Unpublish
  10. Back-end Actions: New and Edit
  11. Custom Back-end Actions

C. Front-end or Site Part

  1. Entry Point File
  2. Main Controller File
  3. View
  4. Model
  5. Menu
  6. Variable request in menu type
  7. How to Access Menu Parameters
  8. List of Categories
  9. List of Items
  10. Single Item
  11. Front End Form
  12. Title for Front-end Views

D. Advanced Component Development

  1. How to Use User State Variables
  2. Link with Joomla Categories Component
  3. Add Configuration Options and Parameters
  4. Access Menu Parameters for Component
  5. Add Alias Field to Joomla Component
  6. Create Router for Component
  7. Add Access Control List (ACL) in Joomla
  8. Working with Images in Component
  9. Add Modal to Joomla Component
  10. Add Ordering of Items
  11. Add Update Server to Component
  12. Link with Joomla Custom Fields
Star ActiveStar ActiveStar InactiveStar InactiveStar Inactive