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