UI & Frontend Development

Domain 4 · 18%

What to Focus On

  • Layout XML fundamentals (containers, blocks, referenceBlock, referenceContainer)
  • Blocks and templates lifecycle, view models, escaping, and rendering best practices
  • RequireJS configuration and Magento UI components basics
  • Theme structure, fallback, static assets deployment

Study Resources

Layout XML

  • Define structural containers and insert blocks
  • Modify existing layout via updates and handles
  • Use arguments to configure blocks/templates

Blocks, Templates, View Models

  • When to use Blocks vs View Models
  • Escaping output and translation
  • Passing data to templates