joomla-frontend-integration

Installation
SKILL.md

Frontend Integration in Joomla 5/6 with Helix Framework

Comprehensive guide to mastering CSS/JavaScript, WebAssetManager, and responsive design in Joomla 5/6 using Helix Framework and Bootstrap 5.


1. WebAssetManager: The Modern System

The WebAssetManager (\Joomla\CMS\WebAsset\WebAssetManager) is the official way to manage assets in Joomla 5/6. It replaces HTMLHelper and Document API (deprecated in 5.3+).

Lifecycle

  1. Registered: Asset declared in joomla.asset.json
  2. Used: Activated with $wa->useScript() or $wa->useStyle()
  3. Rendered: Inserted into HTML by <jdoc:include type="head" />
  4. Loaded: Downloaded by browser with automatic versioning

Getting an Instance

$wa = \Joomla\CMS\Factory::getApplication()
Related skills

More from nicolasflores9/skills

Installs
14
GitHub Stars
1
First Seen
Mar 6, 2026